你能格式化jquery标签吗

Question

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

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

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

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 控制。任何具有“活动”类的li 元素在任何具有“菜单”类的ul 元素中都有特定的外观。同样，没有类名的li 元素的样式也不同。

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

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

Answer 2

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