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 相关文章推荐
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
js静态方法与实例方法分析
Jul 04 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
瀑布流布局代码一例
Apr 11 Javascript
js实现select下拉框菜单
Dec 08 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
Angular多选、全选、批量选择操作实例代码
Mar 10 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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
解析thinkphp的左右值无限分类
2013/06/20 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
一个对于js this关键字的问题
2007/01/09 Javascript
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
JS验证不重复验证码
2017/02/10 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
JS中的BOM应用
2018/02/02 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
python学习之面向对象【入门初级篇】
2017/01/21 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
python编写俄罗斯方块
2020/03/13 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
生日寄语大全
2014/04/08 职场文书
关于安全的演讲稿
2014/05/09 职场文书
机票销售员态度不好检讨书
2014/09/27 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
英文自荐信范文
2015/03/25 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书