jquery 动画tab标签页

jquery 动画tab标签页

 

演示

 

 

XML/HTML Code

<div id="horizontalTab">
        <ul>
            <li><a href="#tab-1">Tab-1</a></li>
            <li><a href="#tab-2">Tab-2</a></li>
            <li><a href="#tab-3">Tab-3</a></li>
        </ul>

        <div id="tab-1">
            <p>内容1</p>
        </div>
        <div id="tab-2">
            <p>内容2</p>
        </div>
        <div id="tab-3">
            <p>内容3</p>
        </div>

    </div>

 

JavaScript Code

<script type="text/javascript">
    $(document).ready(function () {
        $('#horizontalTab').responsiveTabs({
            startCollapsed: 'accordion',
            collapsible: true,
            rotate: false,
            setHash: true,
            animation: 'slide'
        });
    });
</script>

 

原文地址:http://www.freejs.net/article_tabbiaoqian_192.html

评论

2 楼 守护心晴 2014-05-15  

刚才查了一下是插件...

1 楼 Tyrion 2014-05-15  

responsiveTabs是jquery的原生方法还是插件的？