web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
选项卡
移动友好且兼容IE8的jQuery Tabs选项卡插件
分类：
选项卡
日期：
2024-05-14
点击(3)
评论(0)
演 示
免费下载
简介
##### HTML结构 该选项卡的基本HTML结构如下： ```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> ``` ##### 初始化插件 在页面DOM元素加载完毕之后，可以通过tabslet()方法来初始化该Tabs选项卡插件。 ```html $(document).ready(function() { $('.tabs').tabslet(); }); ``` 也可以使用data属性来进行初始化。 ```html <div class='tabs' data-toggle="tabslet"> ... </div> ``` ##### 配置参数 该Tabs选项卡默认的配置参数如下： ```html $('.tabs').tabslet({ mouseevent: 'click', attribute: 'href', animation: false, autorotate: false, pauseonhover: true, delay: 2000, active: 1, container: false controls: { prev: '.prev', next: '.next' } }); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
