jQuery Tabs滑动选项卡

查看演示立即下载

插件描述：一款效果还行的选项卡，使用简单可以兼容到ie5，支持多个调用。

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

使用方法

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

1 2	`<script` `src="/"></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-tab=2]').tab({
      curDisplay: 1,
      changeMethod: 'horizontal'
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： canvas制作简单的HTML图表，折线或者矩形统计(原创)
下一个特效： jQuery多级联动选择器