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 相关文章推荐
jQuery 表格工具集
Apr 25 Javascript
Javascript面向对象编程
Mar 18 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
Angular.js中上传指令ng-upload的基本使用教程
Jul 30 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 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
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
php仿discuz分页效果代码
2008/10/02 PHP
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
win平台安装配置Nginx+php+mysql 环境
2016/01/12 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
Javascript 学习笔记 错误处理
2009/07/30 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
Jquery ui css framework
2010/06/28 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
jquery和雅虎的yql服务实现天气预报服务示例
2014/02/08 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
对python抓取需要登录网站数据的方法详解
2018/05/21 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Python pandas用法最全整理
2019/08/04 Python
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
大专生自我评价
2014/01/28 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
2014年民警工作总结
2014/11/25 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android