web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
选项卡
多用途响应式的jQuery选项卡插件
分类:
选项卡
日期:
2024-05-14
点击(2)
评论(0)
演 示
免费下载
简介
##### 使用方法 在页面中引入选项卡所需的样式文件style.css,jquery和jquery.multipurpose_tabcontent.js文件。 ```html
``` ##### HTML结构 该选项卡所需的HTML结构如下: ```html
Tab 1
Tab 2
Tab 3
Tab content 1
Tab content 2
Tab content 3
``` ##### 初始化插件 在页面DOM元素加载完毕之后,可以通过champ()方法来生成一个基本的Tabs选项卡。 ```html $(".demo").champ(); ``` ##### 配置参数 如果需要制作响应式的垂直手风琴列表,可以通过plugin_type配置参数来设置。 ```html $(".demo").champ({ plugin_type : "accordion" }); ``` 可以通过side参数来设置Tab导航按钮在左侧还是右侧。 ```html $(".accordion_example").champ({ side : "left", // 或 right }); ``` 可以通过active_tab参数来设置选项卡起始的Tab。 ```html $(".demo").champ({ active_tab : "3" }); ``` controllers参数用于控制选项卡是否可用。 ```html $(".demo").champ({ controllers:"false" }); ``` 通过AJAX请求来加载选项卡内容: ```html $(".demo").champ({ ajax:"true", show_ajax_content_in_tab:"2", content_path:"ajax.html" }); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告