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中的依赖注入详解
Mar 18 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
浅谈JS之iframe中的窗口
Sep 13 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
基于Swiper实现移动端页面图片轮播效果
Dec 28 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
一文快速了解JQuery中的AJAX
May 31 jQuery
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
JS array数组检测方式解析
May 19 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 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往windows中添加用户
2006/12/06 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
PHP的swoole扩展安装方法详细教程
2016/05/18 PHP
php中namespace及use用法分析
2016/12/06 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
js 强制弹出窗口代码研究-又一款代码
2010/03/20 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
基于JavaScript实现一定时间后去执行一个函数
2015/12/14 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
python pdb调试方法分享
2014/01/21 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
Django框架models使用group by详解
2020/03/11 Python
python两个list[]相加的实现方法
2020/09/23 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
水产养殖学应届生求职信
2013/09/29 职场文书
单位实习证明怎么写
2014/01/17 职场文书
应届毕业生个人求职信范文
2014/01/29 职场文书
婚前保证书
2014/04/29 职场文书
路政管理求职信
2014/06/18 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
一般纳税人申请报告
2015/05/18 职场文书
文艺演出主持词
2015/07/01 职场文书