您是否可以将图像作为jquery选项卡的背景或任何其他附加格式。我所见过的每个示例都只显示如下的简单白色选项卡:
http://yensdesign.com/tutorials/tabs/
我正在尝试是否可以使用jquery标签替换当前的jpg图像地图(在此页面http://www.salemgolfclub.org/上):
发布于 2009-08-08 04:13:12
每个标签页只是一个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控制。在任何具有"menu“类的li
元素中,具有"active”类的任何ul
元素都具有特定的外观。类似地,没有类名的li
元素的样式也不同。
当单击每个li
元素时,页面上隐藏的div
元素会出现在选项卡下面的区域中。这是由jQuery选项卡扩展控制的,它会向menu ul
中的所有li
元素添加一个单击事件。为了按原样利用此选项卡扩展,需要有一个div
元素,该元素在加载页面时与页面上已有的单个选项卡相对应。
这意味着你需要将所有页面的所有内容(主页、课程简介、专业商店、记分卡、郊游和活动、会员、方向和联系我们)都放在页面上,考虑到你试图塑造这个标签的页面数量,我强烈建议你不要这么做。相反,我会修改选项卡扩展,使其在单击选项卡时加载页面,而不是预先加载的页面元素。
发布于 2009-08-08 04:15:09
您可以轻松地做到这一点。最快的方法是将相关的css行从默认样式表中提取出来,并修改它们以满足您的需要。你也可以从头开始做,但是需要进行大量的css格式化才能使选项卡正常工作,所以有一个起点是很好的。
https://stackoverflow.com/questions/1247944
复制相似问题