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

jQuery学习札记(3)-用jquery实现多选项卡功能

2012-10-13 
jQuery学习笔记(3)----用jquery实现多选项卡功能在Web中用到多选项卡功能的网站有很多,比如163和126邮箱,

jQuery学习笔记(3)----用jquery实现多选项卡功能

       在Web中用到多选项卡功能的网站有很多,比如163和126邮箱,用过的人知道。本人在那么多的类似插件中,目前碰到这个比较好,花了点时间调试出来了,请看效果图:


jQuery学习札记(3)-用jquery实现多选项卡功能


        这款插件叫jqueryMagicTabs,上图实现了基本功能,如添加选项卡,选择指定的选项卡。当添加的选项卡超过一定长度时会出现左右滑动的按钮,同时支持鼠标滑动选项卡。


       这段代码如下所示:



          本插件下载地址是http://boarsoft.com/cn/,里面还有很多优秀的插件,感兴趣可以自己练习下。


       这是本人学习的结果,允许转载,欢迎交流,但转载务必给出本文章的链接地址:http://blog.csdn.net/youqishini/article/details/8054586,谢谢~




热点排行