Jquery实现的tab效果可以指定默认显示第几页

186 阅读 0 评论 123 点赞

我是靠谱客的博主糊涂小松鼠，最近开发中收集的这篇文章主要介绍Jquery实现的tab效果可以指定默认显示第几页，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

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

复制代码代码如下:

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

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