首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:53:05
字体:
来源:转载
供稿:网友
tab效果想必大家在网上都有见过很多吧,在本文将为大家介绍下如何实现可以在代码里面指定默认显示第几页的tab效果,感兴趣的朋友不要错过

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

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

 

复制代码 代码如下:


<div>
<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><a href="http://www.freejs.net/article_tabbiaoqian_29.html">jquery实现简单的Tab切换菜单</a></div>
<div><a href="http://www.freejs.net/article_jiaodiantu_56.html">jquery焦点图 slideshow</a></div>
<div> js等各种代码</div>
</div>


复制代码 代码如下:


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


注意上面的selected:1为控制默认显示第二页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选