jQuery Tabs滑动选项卡

 查看演示  website  立即下载

一款slide效果的选项卡，依赖jquery

使用方法

需要调用的两个文件jquery-1.10.2.js，mt-tabpage.js

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

样式代码也是必须的，请参考代码中的style部分

html代码

<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

$('[js-tab=2]').tab({
      curDisplay: 1,
      changeMethod: 'horizontal'
});

PREVIOUS:
NEXT:
jQuery多级联动选择器
canvas制作简单的HTML图表，折线或者矩形统计(原创)