站长资源网络编程

Jquery实现的tab效果可以指定默认显示第几页

整理:jimmy2026/8/6浏览2
简介可以在代码里面指定默认显示第几页 复制代码 代码如下:
  • One
  • 可以在代码里面指定默认显示第几页
    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为控制默认显示第二页