jquery tab选项卡
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery 制作 tab选项卡功能

html

<div class="tab">
    <a href="#" class="active"></a><a href="#"></a><a href="#"></a>
</div>
<div class="tabcon">
    <ul>
        <li>
            <p>
            </p>
        </li>
    </ul>
    <ul>
        <li>
            <p>
            </p>
        </li>
    </ul>
    <ul>
        <li></li>
    </ul>
</div>

主要js

<script>
    //tab切换
    $(".tab a").hover(function () {
        var num = $(this).index();
        $(".tab a").removeClass("active");
        $(this).addClass("active");
        $(".tabcon ul").hide().eq(num).show()
    });

</script>