首页>>TAB标签>>Jquery tab效果,可以指定显示默认项目(2013-10-04)

Jquery tab效果,可以指定显示默认项目

 可以在代码里面指定默认显示第几页

Jquery tab效果,可以指定显示默认项目

XML/HTML Code
  1. <div id="container" style="width:500px;">  
  2.     <ul>  
  3.         <li><a href="#fragment-1"><span>One</span></a></li>  
  4.         <li><a href="#fragment-2"><span>Two</span></a></li>  
  5.         <li><a href="#fragment-3"><span>Three</span></a></li>  
  6.     </ul>  
  7.     <div id="fragment-1"><a href="http://www.freejs.net/article_tabbiaoqian_29.html">jquery实现简单的Tab切换菜单</a></div>  
  8.     <div id="fragment-2"><a href="http://www.freejs.net/article_jiaodiantu_56.html">jquery焦点图 slideshow</a></div>  
  9.     <div id="fragment-3"> js等各种代码</div>  
  10. </div>  

 

JavaScript Code
  1. <script language="javascript">  
  2. $(function(){  
  3.     //直接制作Tab菜单,默认选择为第二项,且切换的时候fade动画  
  4.     $("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});  
  5. });  
  6. </script>  

注意上面的selected:1为控制默认显示第二页


原文地址:http://www.freejs.net/article_tabbiaoqian_58.html