web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
选项卡
Bootstrap响应式tabs选项卡转下拉列表框jQuery插件
分类：
选项卡
日期：
2024-05-14
点击(1)
评论(0)
演 示
免费下载
简介
##### HTML结构 该jQuery插件的基本HTML结构采用Bootstrap的标签页的HTML结构： ```html <div class="tabbable "> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> <li><a href="#tab2" data-toggle="tab">Section 2</a></li> ...... </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <p>I'm in Section 1.</p> </div> <div class="tab-pane" id="tab2"> <p>Howdy, I'm in Section 2.</p> </div> ...... </div> </div> ``` ##### JAVASCRIPT 在页面加载完毕后在.nav-tabs和.nav-pills上调用该jQuery插件。 ```html $('.nav-pills, .nav-tabs').tabdrop() ``` ##### 配置参数 | 名称 | 类型 | 默认值 |描述| | ------------ | ------------ | ------------ | ------------ | | text | string | <i class="icon-align-justify"></i> | 下拉列表的文本 | ##### 方法 - .tabdrop(options)：初始化一个 tab drop 对象。 - .tabdrop('layout')：检测选项卡是否合适在一行显示。
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
