当前位置:Gxlcms > JavaScript > jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能_jquery

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

时间:2021-07-01 10:21:17 帮助过:13人阅读

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


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

这段代码如下所示:

代码如下:

<%@ page language="java"contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>




MagicTabs的基础用法