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
    3
  • 项目一
  • 4
  • 项目二
  • 5
  • 项目三
  • 6
7
8
项目一内容
9
项目二内容
10
项目三内容
11
12
二、jQuery idTabs idTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。 三、jQuery tools tabs(GOOD) jQuery tools tabs 它也是一款非常强大的 jQuery 选项卡插件。它也能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。
标签:
如没特殊注明,文章均为宜兴博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2018/0730/164.html
相关文章推荐