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 相关文章推荐
使用Web Uploader实现多文件上传
Jun 08 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
Bootstrap CSS组件之大屏幕展播
Dec 17 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
Node.js笔记之process模块解读
May 31 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
小程序使用wxs解决wxml保留2位小数问题
Dec 13 Javascript
微信小程序8种数据通信的方式小结
Feb 03 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
php合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
angular.element方法汇总
2015/01/07 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
Python中index()和seek()的用法(详解)
2017/04/27 Python
python 分离文件名和路径以及分离文件名和后缀的方法
2018/10/21 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
用python写PDF转换器的实现
2020/10/29 Python
最新Python idle下载、安装与使用教程图文详解
2020/11/28 Python
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
小学科学教学反思
2014/01/26 职场文书
施工员岗位职责
2014/03/16 职场文书
项目工作说明书
2014/07/29 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
高中军训感想
2015/08/07 职场文书
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis