欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

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

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

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

这段代码如下所示:

复制代码 代码如下:

pageEncoding="UTF-8"%>




MagicTabs的基础用法
















请选择:



添加选项卡








整个工程的目录如下所示:

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

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

相关标签: jquery 选项卡