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" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tab.js"></script>
<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 部分：

<div id="testtab">
  <div id="tabtag">
    <ul>
      <li>项目一</li>
      <li>项目二</li>
      <li>项目三</li>
    </ul>
  </div>
  <div id="tabcon">
    <div class="tabcon"> 项目一内容 </div>
    <div class="tabcon"> 项目二内容 </div>
    <div class="tabcon"> 项目三内容 </div>
  </div>
</div>

• 演示：http://basketball.titan24.com/nba/focus/kikx/jQtab.html
• 下载：jquerytab (113)

三、jQuery tools tabs

jQuery tools tabs 它也是一款非常强大的 jQuery 选项卡插件。它也能非常容易的为网站添加选项卡，也为无穷尽的可能性敞开大门。

• 演示：http://flowplayer.org/tools/tabs/index.html
• 下载：http://flowplayer.org/tools/download/combine/1.2.5/jquery.tools.min.js