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为控制默认显示第二页
原文地址:http://www.freejs.net/article_tabbiaoqian_58.html