信息发布→ 登录 注册 退出

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

发布时间:2026-01-11

点击量:
可以在代码里面指定默认显示第几页
 
复制代码 代码如下:
<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为控制默认显示第二页
标签:# http  # fade  # container  # id  # style  # width  # nbsp  # BR  # span  # div  # lt  # fragment  # href  # Jquery  # freejs  # www  # gt  # px  # li  # ul  # 等各种  # Jquery 实现Tab效果 思路是js思路  # jquery的index方法实现tab效果  # 指定显示  # tab效果  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!