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 相关文章推荐
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
Javascript核心读书有感之语言核心
Feb 01 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 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
PHP5+UTF8多文件上传类
2008/10/17 PHP
PHP日期处理函数 整型日期格式
2011/01/12 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
Python实现统计文本文件字数的方法
2017/05/05 Python
django2 快速安装指南分享
2018/01/05 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
对Python 语音识别框架详解
2018/12/24 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
Django实现学生管理系统
2019/02/26 Python
解决Mac下使用python的坑
2019/08/13 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
高级技校毕业生自荐信
2013/11/18 职场文书
家具促销活动方案
2014/02/16 职场文书
雷人标语集锦
2014/06/19 职场文书
戒毒悔改检讨书
2014/09/21 职场文书
个人创业事迹材料
2014/12/30 职场文书
送达通知书
2015/04/25 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis
15个值得收藏的JavaScript函数
2021/09/15 Javascript
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript