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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
BootStrap无限级分类(无限极分类封装版)
Aug 26 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
Vue.js 中的 $watch使用方法
May 25 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
html中两种获取标签内的值的方法
Jun 16 jQuery
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 中的str_replace 函数总结
2007/04/27 PHP
php 动态添加记录
2009/03/10 PHP
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
php实现socket推送技术的示例
2017/12/20 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
shell程序中如何注释
2012/02/17 面试题
外贸学院会计专业应届生求职信
2013/11/14 职场文书
优秀的自荐信要注意哪些
2014/01/03 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
简单的项目建议书模板
2014/03/12 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
二手房购房意向书范本
2014/04/01 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
信访工作个人总结
2015/03/03 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
Android实现图片九宫格
2022/06/28 Java/Android