Rumah >hujung hadapan web >tutorial js >jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能_jquery

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

WBOY
WBOYasal
2016-05-16 17:37:541053semak imbas

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


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

这段代码如下所示:

复制代码 代码如下:

pageEncoding="UTF-8"%>




MagicTabs的基础用法
















请选择:



添加选项卡








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

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn