Jquery Tabs 插件

在工作中常用到滑动门的设计，所以抽空做了一个Jquery 的Tabs 插件

在页面中引入两个JS文件

<script language="javascript" src="js/jquery-1.6.2.min.js"></script>
<script language="javascript" src="js/Jquery.Tabs.js"></script>

 

在页面的Head标签内加入

<script language="javascript">
$(document).ready(function(){
$(".tabs").Tabs();
});
</script>

在页面的Body中加入

 <div class="tabs">
         <ul>
         <li class="current">tabs1</li>
         <li>tabs2</li>
         <li>tabs3</li>
         </ul>
         <div class="cont">content1</div>
         <div class="cont">content2</div>
         <div class="cont">content3</div>
 </div>

插件下载