jquery tab页切换简单实现

首先引入jquery包

<script type="text/javascript" src="<%=basePath%>/js/jquery-1.7.2.min.js"></script>

 

 

其次初始化 控件

$(function(){
 $( "#tabs" ).tabs();
});

 

 

下面是代码

<DIV id=tabs>
  <UL>
     <LI><A href="#tabs-1">aaa<A></LI>

    <LI><A href="#tabs-2">bbb</A></LI>

   </UL>

<DIV id="tabs-1">

</DIV>

<DIV id="tabs-2">

</DIV>

 

</DIV>