你可以格式化 jquery 选项卡吗

Question

您可以将图像作为背景或 jquery 选项卡的任何其他附加格式吗？ 我看到的每个例子都只显示简单的白色标签，如下所示：

http://yensdesign.com/tutorials/ tabs/

我正在尝试查看是否可以替换当前的 jpg 图像地图（在此页面上 http:// /www.salemgolfclub.org/），带有 jquery 选项卡：

Answer 1

每个选项卡只是一个 HTML li 元素，因此您应该能够修改其样式表属性以使其看起来像您想要的那样。

以下是选项卡的相关 HTML：

<ul class="menu">
    <li id="news" class="">News</li>
    <li id="tutorials" class="">Tutorials</li>
    <li id="links" class="active">Links</li>
</ul>

选项卡的外观完全由 CSS 控制。 任何具有“active”类的 li 元素，如果位于任何具有“menu”类的 ul 元素中，都具有特定的外观。 同样，没有类名的 li 元素的样式也不同。

单击每个 li 元素时，页面上隐藏的 div 元素会出现在选项卡下方的区域中。 这是通过 jQuery 选项卡扩展来控制的，该扩展将单击事件添加到菜单 ul 中的所有 li 元素。 为了按原样利用此选项卡扩展，您需要有一个 div 元素，该元素与加载时页面上已有的单个选项卡相对应。

这意味着您需要将所有页面（主页、课程简介、专业商店、记分卡、郊游和活动、会员、方向和联系我们）的所有内容都放在页面上，我强烈推荐这样做反对，考虑到您试图塑造此选项卡想法的页面数量。 相反，我会修改选项卡扩展以在单击选项卡时加载页面，而不是预加载的页面元素。

Answer 2

您可以轻松地做到这一点。 最快的方法是从默认样式表中提取相关的 css 行并修改它们以满足您的需要。 您也可以从头开始执行此操作，但需要大量 css 格式才能使选项卡正常工作，因此最好有一个起点。