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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
script标签属性用type还是language
Jan 21 Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
解决vue路由name同名,路由重复的问题
Aug 05 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 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
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
PHP数组与对象之间使用递归实现转换的方法
2015/06/24 PHP
php array_walk 对数组中的每个元素应用用户自定义函数详解
2016/11/18 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
Python模拟用户登录验证
2017/09/11 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
Python遍历字典方式就实例详解
2019/12/28 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
中文系师范生自荐信
2013/10/01 职场文书
七年级地理教学反思
2014/01/26 职场文书
经典洗发水广告词
2014/03/13 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
销售人员管理制度
2015/08/06 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书
React实现动效弹窗组件
2021/06/21 Javascript
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python