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


Posted in Javascript onOctober 16, 2013

可以在代码里面指定默认显示第几页
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为控制默认显示第二页
Javascript 相关文章推荐
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
javascript 常用代码技巧大收集
Feb 25 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
Javasipt:操作radio标签详解
Dec 30 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
限时抢购-倒计时的完整实例(分享)
Sep 17 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 #Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 #Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 #Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 #Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 #Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 #Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 #Javascript
You might like
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
Python实现控制台输入密码的方法
2015/05/29 Python
Python松散正则表达式用法分析
2016/04/29 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
Python彻底删除文件夹及其子文件方式
2019/12/23 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
五年级英语教学反思
2014/01/31 职场文书
内刊编辑求职自荐书范文
2014/02/19 职场文书
电台实习生求职信
2014/02/25 职场文书
公司活动方案范文
2014/03/06 职场文书
小学生读书活动总结
2014/06/30 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
Python实现打乒乓小游戏
2021/09/25 Python
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS