顺便也找 来了不少优秀的Tab选项卡实例，在这里与大家分享一下。当然，最终我没有用到IdTabs以及如下任何一个实例，我只是很不服气的自己写了个小插件，尚 不完善，就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧：1. jQuery 选项卡界面 / 选项卡结构菜单教程这种 类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此 演示哟，你一定会喜欢上它的。演示 | 下载 | 介绍2. jQuery目录导航插件这个jQuery插件为我们提供了添加基于字母顺序的导航小部件到有序和无序列表的方法。一个在 列表之上的简易的(via CSS)导航条，向用户展示从A到Z的检索。通过从列表中选择一个字母来显示以此字母开头的所有元素。在可选字母上面显示的计数，是表明当你点击此字母的 时候会有多少项目被现实。除此之外还有其他的基本功能可供选择。演示 | 下载 | 介绍3. jQuery的Kwicks菜单Kwicks起源于Mootools中的一个效果(相同名字),逐渐演变成一个高度可定制 的通用部件.演示 | 下载 | 介绍4. jQuery褪色菜单 -更换内容CSS-tricks上很好的教程，讲解如何使用css和jQuery, 这次是他们教导如何使用 jquery使得菜单选项褪色。演示 | 下 载 | 介绍5. jQuery idTabsidTabs是jQuery的插件。他能非常容易的为网站添加选项卡. 但是他也为无穷的可能性敞开大门。演示 | 下载 | 介绍6. jQuery + CSS创建顺畅的选显卡内容区网页设计师设法把大量的信息浓缩在一个网页上而不失可用性是最大的挑战之 一。内容选项卡化是处理此类问题非常棒的方法，最近广泛被应用于博客。这是一篇非常棒的教程讲解，使用HTML建立一个小的选项卡信息盒，最后使用一些简 单js功能与jQuery库实现。演示 | 下载 | 介绍

　　推荐阅读

　　jquery实现居中弹出层代码

复制代码 代码如下: /* 弹出窗口定位到浏览器中间 1. show(options{ height:高度 width:宽度 speed:渐显时间 默认0 container:包含的html内容的jquery对象 model:是否是模态窗口，默认true，模态对话框就是在弹层下>>>详细阅读

本文标题：基于JQuery的6个Tab选项卡插件

地址：http://www.17bianji.com/kaifa2/JS/25796.html

 1/2    1