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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
ionic2中使用自动生成器的方法
Mar 04 Javascript
微信小程序基于Taro的分享图片功能实践详解
Jul 12 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
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之N方法实例详解
2014/06/20 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
laravel 数据迁移与 Eloquent ORM的实现方法
2019/04/12 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
js初始化验证实例详解
2016/11/26 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
毕业自荐信
2013/12/16 职场文书
优良学风班申请材料
2014/02/13 职场文书
幼儿园小班评语
2014/04/18 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
JavaScript实现简单计时器
2021/06/22 Javascript
python 远程执行命令的详细代码
2022/02/15 Python