ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能_jquery

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

WBOY
WBOYオリジナル
2016-05-16 17:37:54976ブラウズ

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


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

这段代码如下所示:

复制代码 代码如下:

pageEncoding="UTF-8"%>




MagicTabs的基础用法
















请选择:



添加选项卡








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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。