tab点击切换和自动切换

632 阅读1分钟

css

.tabs li.active {
    color: #fed3a9;
    /*border: 2px solid #fed3a9;*/
    /*box-shadow: 0 0 10px rgba(254,211,168,.9);*/
}
.count {
    display: none;
}
.active {
    display: block;
}

html

<ul class="tabs" id="new_tab">
        <li class="active" id="buy">1</li>
        <li id="sell">2</li>
</ul>
 <div class="count active"></div>
 <div class="count"></div>

js

 $('#new_tab').on("click", "li", function () {
            indexC = $(this).index();
            this.index = indexC;
            $(this).addClass('active').siblings().removeClass('active');
            $('.count').eq(indexC).addClass('active').siblings().removeClass('active');
 });
 
 intervalLoad: function () {
        var me = this;
        me.ref = setInterval(function () {
            switch (me.index) {
                case 0:
                    $("#buy").click();
                    break;
                case 1:
                    $("#sell").click();
                    break;
            }
            if (me.index == 1) {
                me.index = 0;
            } else {
                me.index++;
            }
        }, 5000);
},