jQuery idTabs 使用简介

官网：http://www.sunsean.com/idTabs/

下载地址：http://download.csdn.net/download/qq_28374369/8724407

<script src="jquery.min.js"></script>
<script src="jquery.idTabs.min.js"></script>

<div id="usual1" class="usual"> 
  <ul> 
    <li><a href="#tab1" class="selected">Tab 1</a></li> 
    <li><a href="#tab2">Tab 2</a></li> 
    <li><a href="#tab3">Tab 3</a></li> 
  </ul> 
  <div id="tab1" style="display: block; ">This is tab 1.</div> 
  <div id="tab2" style="display: none; ">More content in tab 2.</div> 
  <div id="tab3" style="display: none; ">Tab 3 is always last!</div> 
</div> 
<script type="text/javascript"> 
  $("#usual1 ul").idTabs(); //如果要鼠标悬浮切换则改为.idTabs("!mouseover"); 
</script>