jaqery简单tab插件

<div class="container">
    <ul class="js_tab">
        <li>a</li>
        <li>b</li>
    </ul>
    <div class="js_tab_detail">
        a内容
    </div>
    <div class="js_tab_detail">
        b内容
    </div>
</div>
<script>
$('.js_tab_detail').hide();
$('.js_tab_detail:eq(0)').show();
$('.js_tab li').on('mouseenter',function(){
$(this).addClass('active').siblings().removeClass('active');
var index = $(this).index();
$('.js_tab_detail').hide();
$('.js_tab_detail:eq('+index+')').show();
});
</script>

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部