三款 jquery tab

<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>

<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>