Tabslet

Tabslet 介绍

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

支持 设置切换事件（click/hover）

支持 动画 效果

支持 自动 切换及设置切换间隔

支持 设置 默 认 显示 序号

支持 自定义 事件（回调事件）

支持 html data 属性

兼容

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

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

使用 方法

1、引入 文件

<script src="jquery.min.js"></script>

<script src="jquery.tabslet.min.js"></script>

2、html

<div><ul><li><a href="#tab-1">Tab 1</a></li><li><a href="#tab-2">Tab 2</a></li><li><a href="#tab-3">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();

});

配置

属性 / 方法

类型

默 认值

说明

mouseevent

字符串

click

触发事件

attribute

字符串

href

关联 属性

animation

布尔值

false

动画 效果

autorotate

布尔值

false

自动 切换

pau SEO nhover

布尔值

true

鼠标悬停停止 自动 切换

easing

字符串

easeInQuart

滚动动画方式

delay

整数

2000

自动 切换时间间隔

active

整数

1

默 认 显示 第几个

controls

对象

为上 一个 /下 一个 绑定对象

网站地址 : https://vdw.github.io/Tabslet/

GitHub: https://github.com/vdw/Tabslet

网站描述: jQuery Tab选项卡 插件

Tabslet官方网站

官方网站： https://vdw.github.io/Tabslet/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于Tabslet的详细内容...