3款 jquery tab
一、jQuery idTabs
idTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。
演示:http://www.sunsean.com/idTabs/ 下载:http://www.sunsean.com/idTabs/jquery.idTabs.min.js二、jQuery Tab
jQuery Tab 是 jQuery 的插件。它具有垂直滚动,水平滚动 ,点击触发,划过触发和自动切换等效果。
jQuery 部分:
<script type="text/javascript">$(document).ready(function(){ $("#testtab").tab({ tabId:"#tabtag", // 切换控制器的 ID tabTag:"li", // 切换控制器标签 conId:"#tabcon", // 内容容器 ID conTag:".tabcon" // 容器标签 //auto:true, // 自动切换 //act:"click", // 点击触发 也可以不设置 默认就为 click 设置为 mouseover 则为鼠标划过 //effact:"scrolly", // 效果为纵向滚动,横向滚动效果为 scrollx //dft:0, // 设置起始显示序列 //effact:"slow" // "slow" 效果 })})</script>xhtml 部分:
演示:http://flowplayer.org/tools/tabs/index.html 下载:http://flowplayer.org/tools/download/combine/1.2.5/jquery.tools.min.js