首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

三款 jquery tab

2012-11-07 
3款 jquery tab一、jQuery idTabsidTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可

3款 jquery tab

一、jQuery idTabs

idTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。

演示:http://www.sunsean.com/idTabs/ 下载:http://www.sunsean.com/idTabs/jquery.idTabs.min.js

二、jQuery Tab

jQuery Tab 是 jQuery 的插件。它具有垂直滚动,水平滚动 ,点击触发,划过触发和自动切换等效果。

jQuery 部分:

<script type="text/javascript">$(document).ready(function(){ $("#testtab").tab({ tabId:"#tabtag", // 切换控制器的 ID tabTag:"li", // 切换控制器标签 conId:"#tabcon", // 内容容器 ID conTag:".tabcon" // 容器标签 //auto:true, // 自动切换 //act:"click", // 点击触发 也可以不设置 默认就为 click 设置为 mouseover 则为鼠标划过 //effact:"scrolly", // 效果为纵向滚动,横向滚动效果为 scrollx //dft:0, // 设置起始显示序列 //effact:"slow" // "slow" 效果 })})</script>

xhtml 部分:

演示:http://flowplayer.org/tools/tabs/index.html 下载:http://flowplayer.org/tools/download/combine/1.2.5/jquery.tools.min.js

热点排行