一个JQUERY标签插件给选项卡添加一些额外的功能,如自定义事件,旋转和动画的另一个 jQuery 插件。
Tabslet又是一个jQuery插件标签,是与IE7 +,Chrome浏览器,火狐,Safari和jQuery 1.8.1,1.9.1,1.10.1,2.0.2兼容。
并支持自定义事件,旋转,动画和控制
Default
$('.tabs').tabslet();
Hover
$('.tabs').tabslet({
mouseevent: 'hover',
attribute: 'href',
animation: false });
Animation
$('.tabs').tabslet({
mouseevent: 'click',
attribute: 'href',
animation: true });
Rotation
$('.tabs').tabslet({
autorotate: true,
delay: 6000 });
Controls
$('.tabs').tabslet({
controls: {
prev: '.prev',
next: '.next' }
});
Custom event "_before"
$('.before_event').tabslet(); $('.before_event').on("_before", function() { // do stuff here });
Custom event "_after"
$('.after_event').tabslet({
animation: true }); $('.after_event').on("_after", function() { // do stuff here });
The attribute "data-toggle"
<div data-toggle="tabslet"></div>