Jquery tab效果,可以指定显示默认项目
可以在代码里面指定默认显示第几页
XML/HTML Code
- <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>
JavaScript Code
- <script language="javascript">
- $(function(){
- //直接制作Tab菜单,默认选择为第二项,且切换的时候fade动画
- $("#container > ul").tabs({fx:{opacity:"toggle",height:"toggle"}, selected:1});
- });
- </script>
注意上面的selected:1为控制默认显示第二页
相关推荐
tab效果想必大家在网上都有见过很多吧,在本文将为大家介绍下如何实现可以在代码里面指定默认显示第几页的tab效果,感兴趣的朋友不要错过
3,当iframe以tab标签的方式显示时,由于tab标签切换执行也需要一段时间,造成的获取的iframe的高和宽不是最终的高和宽 4,其他细微调整。 草草增加了一个例子。和新版本打包在一起。 遗留问题: 1,不支持多个...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
tabs:新增“selected”属性,用于指定的默认打开的面板; tabs:Tab Panel(Tab页)新增“collapsible”属性,用于设置是否允许摺叠面板; tabs:新增“showHeader”属性、“showHeader”方法和“hideHeader”...
Simple Tabs 简单的Tabs——选项卡菜单切换插件,橘子香水原创,兼容IE6,7,FF1.5,FF3.0,ie8下样式有一点问题,刷新页面后仍然可以保持被激活的选项卡,其中样式借用了jquery的ui-tab的样式,JS部分...
将脚本添加到您的页面(应该在页面之前添加jQuery): [removed][removed]初始化它(参数是可选的,这些是默认设置): $(document).smartfocus({ mouseClass: 'focus-mouse', keyboardClass: 'focus-keyboard'});...
您可以使用语法{tab =标签的标题}内容{tab =第二标签的标题}内容{/ tabs}使用jQuery UI标签 您可以禁用默认样式,并添加自己的css文件来样式化页面。 模板渲染模式允许您使用内容页面或没有页面参数的纯标记来渲染...
-增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...
+为TabStrip的GetAddTabReference函数增加重载方法,以便指定Tab的图标(feedback:mmdcup)。 -修正此函数通过PageContext.RegisterStartupScript调用时不能正确显示Icon的BUG(feedback:zhaowenke)。 -修正basic/...
1、 增加menuBtn参数, 支持让对话框在指定元素附近弹出(菜单模式) 2、 剔除鸡肋参数'parent',框架相互调用请用javascript原生方法 3、 剔除对话框关闭后回调函数,如果需要使用请使用内置扩展方法 4、 如果有...