js-tabs如何使用


<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<script src="js/mt-tabpage.js"></script>


<div class="mt-tabpage" js-tab="1">

    <div class="mt-tabpage-title">

        <a href="javascript:;" class="mt-tabpage-item mt-tabpage-item-cur">公告</a>

        <a href="javascript:;" class="mt-tabpage-item">决定</a>

        <a href="javascript:;" class="mt-tabpage-item">会议</a>

    </div>

    <div class="mt-tabpage-count">

        <ul class="mt-tabpage-cont__wrap">

            <li class="mt-tabpage-item">Cont1</li>

            <li class="mt-tabpage-item">Cont2</li>

            <li class="mt-tabpage-item">Cont3</li>

        </ul>

    </div>

</div>



$('[js-tab=2]').tab({

mouse: 'click', //切换方式:over,click

autoPlay: false, //播放方式:false,true

curDisplay: 1, //当前第一个打开

changeMethod: 'default' //切换选项:默认default,horizontal,vertical,opacity这4种方式

});