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 jquery验证银行卡号信息正则学习
Jan 21 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
Mar 09 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
Vue请求java服务端并返回数据代码实例
Nov 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配置文件php.ini所在路径的二种方法
2014/05/26 PHP
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
浅谈PHP表单提交(POST&amp;GET&amp;URL编/解码)
2017/04/03 PHP
php-app开发接口加密详解
2018/04/18 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
基于daterangepicker日历插件使用参数注意的问题
2017/08/10 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局
2016/03/05 DOTA
Python中的is和id用法分析
2015/01/26 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
SVM基本概念及Python实现代码
2017/12/27 Python
python读写csv文件实例代码
2019/07/05 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
财务经理的岗位职责
2013/12/17 职场文书
班长自荐书范文
2014/02/11 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
新党章的学习心得体会
2014/11/07 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
销售经理助理岗位职责
2015/04/13 职场文书
安全教育主题班会总结
2015/08/14 职场文书
Lakehouse数据湖并发控制陷阱分析
2022/03/31 Oracle