你可以格式化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标签扩展程序控制的，该扩展程序会向菜单li中的所有ul元素添加点击事件。为了按原样利用此选项卡扩展，您需要有一个div元素，该元素与加载时页面上已有的单个选项卡相对应。

这意味着您需要拥有页面上所有页面的所有内容（主页，课程生物，专业商店，记分卡，郊游和活动，会员，路线和联系我们），我强烈推荐反对，考虑到你试图塑造这个标签的想法的页数。我会修改标签扩展名以在单击选项卡时加载页面，而不是预先加载的页面元素。

Answer 2

您可以轻松地这样做。最快捷的方法是将相关的css行拉出默认样式表并修改它们以满足您的需要。您也可以从头开始，但需要大量的CSS格式才能使标签正常工作，因此有一个起点很好。