html选项卡插件,基于jQuery实现Tabslet选项卡插件
汪兴旺
特效描述：基于jQuery实现 Tabslet 选项卡插件。基于jQuery实现Tabslet选项卡插件
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
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 Events
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
});
Use of data attribute to load
The attribute "data-toggle"
类似资料：