jQuery Tabs插件/选项卡插件详情分析
发表日期:2018-07-30 文章编辑:admin 浏览次数:2291
一、jQuery Tab
jQuery Tab 是 jQuery 的插件。它具有垂直滚动,水平滚动 ,点击触发,划过触发和自动切换等效果。
jQuery Code:
1
2
3 $(document).ready(function() {
4 $("#tab").tab({
5 //dft:0, // 起始显示项,默认为第一项
6 //auto:true, // 自动切换,默认为关闭
7 //act:"mouseover", // 鼠标划过,默认为单击
8 //effact:" scrollx", // 横向滚动效果,纵向滚动为 scrolly
9 //effact:"slow", // "slow" 效果
10 tabId: ".tags", // 切换控制器
11 tabTag: "li", // 切换控制器标签
12 conId: ".panes", // 内容容器
13 conTag: ".pane" // 内容容器标签
14 })
15 })
16
xhtml Code:
1
2
7
二、jQuery idTabs
idTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。
三、jQuery tools tabs(GOOD)
jQuery tools tabs 它也是一款非常强大的 jQuery 选项卡插件。它也能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。
8
12 项目一内容
9 项目二内容
10 项目三内容
11 上一篇:宜兴好的网站设计是这样的。
标签:
如没特殊注明,文章均为宜兴博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2018/0730/164.html
