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 相关文章推荐
一段实现页面上的图片延时加载的js代码
Feb 11 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
Apr 17 Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
js+css实现打字效果
Jun 24 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
JavaScript中跨域问题的深入理解
Mar 04 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实例分享之二维数组排序
2014/05/15 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
php内嵌函数用法实例
2015/03/20 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
PHP模糊查询技术实例分析【附源码下载】
2019/03/07 PHP
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
json数据的列循环示例
2013/09/06 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
Python 实现自动导入缺失的库
2019/10/29 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
HTML5之多线程(Web Worker)
2019/01/02 HTML / CSS
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
物流专员岗位职责
2014/02/17 职场文书
测量工程专业求职信
2014/02/24 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
关于感恩的作文
2019/08/26 职场文书
浅谈Vue的computed计算属性
2022/03/21 Vue.js