[代码样式]Tabslet – jQuery Tab选项卡插件

简介

Tabslet 是一款 jQuery Tab/选项卡插件，它具有以下功能、特点：

• 支持设置切换事件（click/hover）
• 支持动画效果
• 支持自动切换及设置切换间隔
• 支持设置默认显示序号
• 支持自定义事件（回调事件）
• 支持 HTML data 属性

兼容

浏览器兼容：兼容 IE6、IE7 及以上版本和其他主流浏览器。

jQuery 兼容：兼容 1.7 及以上版本。

使用方法

1、引入文件

<script src="https://www.dowebok.com/jquery.min.js"></script>
<script src="https://www.dowebok.com/jquery.tabslet.min.js"></script>

2、HTML

<div class="tabs">
    <ul>
        <li><a href="#tab-1" rel="external nofollow" >Tab 1</a></li>
        <li><a href="#tab-2" rel="external nofollow" >Tab 2</a></li>
        <li><a href="#tab-3" rel="external nofollow" >Tab 3</a></li>
    </ul>
    <div id="tab-1">Tab 1</div>
    <div id="tab-2">Tab 2</div>
    <div id="tab-3">Tab 3</div>
</div>

3、JavaScript

$(function(){
    $('.tabs').tabslet();
});

配置

百度网盘" name="Tabslet – jQuery Tab选项卡插件" pass="" code=""]