可以在代码里面指定默认显示第几页
复制代码 代码如下:
<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为控制默认显示第二页
复制代码 代码如下:
<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为控制默认显示第二页
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“Jquery实现的tab效果可以指定默认显示第几页”评论...