Tabslet是一款轻量级,使用简单,移动友好且兼容IE8的jQuery Tabs选项卡插件。
HTML结构
<div class='tabs'>
<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'></div>
<div id='tab-2'></div>
<div id='tab-3'></div>
</div>
简单的调用方式
$('.tabs').tabslet();
参数配置
$('.tabs').tabslet({
mouseevent: 'click',
attribute: 'href',
animation: false,
autorotate: false,
pauseonhover: true,
delay: 2000,
active: 1,
container: false
controls: {
prev: '.prev',
next: '.next'
}
});