Jquery实现的tab效果可以指定默认显示第几页
更新时间：2013年10月16日 16:09:45 作者：
tab效果想必大家在网上都有见过很多吧，在本文将为大家介绍下如何实现可以在代码里面指定默认显示第几页的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为控制默认显示第二页
复制代码 代码如下:
<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为控制默认显示第二页
相关文章
这篇文章主要介绍了JS针对浏览器窗口关闭事件的监听方法,总结整理了几种常用的浏览器关闭事件监听方法,非常简单实用,需要的朋友可以参考下2016-06-06
JS跳出循环的5种方法总结(return、break、continue、throw等)
想必大家都遇到过循环遍历时遇到满足条件的时候就跳出循环这样的需求,于是整理了一篇各种循环是如何结束的,这篇文章主要给大家介绍了关于JS跳出循环的5种方法,分别是return、break、continue、throw等的相关资料,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了JS判断数组四种实现方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JavaScript数据结构之二叉树的查找算法,结合具体实例形式分析了javascript针对二叉树节点最小值、最大值的相关查找操作实现技巧,需要的朋友可以参考下2017-04-04
随着移动互联网的不断普及，企业的网络宣传不仅只局限在PC端，还要在移动端发展。我们在自己的网站做了WAP手机完整之后，如果有用户通过手机访问我们的企业顶级域名网站，就要判断跳转到专为的WAP网站，下面小编给大家整理有关手机浏览器跳转WAP手机网站的相关内容2015-08-08
下面小编就为大家带来一篇全面了解javascript三元运算符。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要为大家详细介绍了JavaScript Canvas绘制六边形网格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了利用javascript获取xml节点的最大值。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文为大家介绍下关于精确计算和数值格式化以及直接引js文件，大家可以学习下2014-01-01
这篇文章主要介绍了微信小程序开发中所碰到问题集锦，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
最新评论