编程 Javascript

基于JQuery的6个Tab选项卡插件

Posted in Javascript onSeptember 03, 2010

顺便也找来了不少优秀的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 idTabs
idTabs是jQuery的插件。他能非常容易的为网站添加选项卡. 但是他也为无穷的可能性敞开大门。
演示 | 下载 | 介绍

6. jQuery + CSS创建顺畅的选显卡内容区
网页设计师设法把大量的信息浓缩在一个网页上而不失可用性是最大的挑战之一。内容选项卡化是处理此类问题非常棒的方法，最近广泛被应用于博客。这是一篇非常棒的教程讲解，使用HTML建立一个小的选项卡信息盒，最后使用一些简单js功能与jQuery库实现。
演示 | 下载 | 介绍

基于JQuery的6个Tab选项卡插件

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

清除网页历史记录，屏蔽后退按钮!

Dec 22 Javascript

解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码

May 28 Javascript

基于jquery实现一张图片点击鼠标放大再点缩小

Sep 29 Javascript

简单的js表单验证函数

Oct 28 Javascript

JS实现判断滚动条滚到页面底部并执行事件的方法

Dec 18 Javascript

Bootstrap嵌入jqGrid，使你的table牛逼起来

May 05 Javascript

利用策略模式与装饰模式扩展JavaScript表单验证功能

Feb 14 Javascript

JavaScript判断浏览器和hack滚动条的写法

Jul 23 Javascript

微信小程序使用picker实现时间和日期选择框功能【附源码下载】

Dec 11 Javascript

vue中$set的使用(结合在实际应用中遇到的坑)

Jul 10 Javascript

跨域请求两种方法 jsonp和cors的实现

Nov 11 Javascript

Element Card 卡片的具体使用

Jul 26 Javascript

Jquery中dialog属性小记

Sep 03 #Javascript

javascript中使用css需要注意的地方小结

Sep 01 #Javascript

js截取函数(indexOf,join等)

Sep 01 #Javascript

qTip 基于JQuery的Tooltip插件[兼容性好]

Sep 01 #Javascript

jQuery选中select控件无法设置selected的解决方法

Sep 01 #Javascript

JavaScript的类型转换(字符转数字数字转字符)

Aug 30 #Javascript

De facto standard 世界上不可思议的事实标准

Aug 29 #Javascript

You might like

PHP分页显示制作详细讲解

2006/10/09 PHP

PHP中使用CURL伪造来路抓取页面或文件

2011/05/04 PHP

php compact 通过变量创建数组

2016/11/15 PHP

PHP 实现 JSON 数据的编码和解码操作详解

2020/04/22 PHP

jscript之List Excel Color Values

2007/06/13 Javascript

javascript json2 使用方法

2010/03/16 Javascript

写给想学习Javascript的朋友一点学习经验小结

2010/11/23 Javascript

css值转换成数值请抛弃parseInt

2011/10/24 Javascript

jQuery Ajax提交表单查询获得数据实例代码

2012/09/19 Javascript

利用jQuery实现可输入搜索文字的下拉框

2013/10/23 Javascript

推荐6款基于jQuery实现图片效果插件

2014/12/07 Javascript

ECMAScript5(ES5)中bind方法使用小结

2015/05/07 Javascript

学习JavaScript设计模式之策略模式

2016/01/12 Javascript

javascript实现数字倒计时特效

2016/03/30 Javascript

详解Vue 中 extend 、component 、mixins 、extends 的区别

2017/12/20 Javascript

vue中使用微信公众号js-sdk踩坑记录

2019/03/29 Javascript

Python易忽视知识点小结

2015/05/25 Python

Python抓取电影天堂电影信息的代码

2016/04/07 Python

Python脚本实时处理log文件的方法

2016/11/21 Python

Python使用requests发送POST请求实例代码

2018/01/25 Python

python生成lmdb格式的文件实例

2018/11/08 Python

CentOS7安装Python3的教程详解

2019/04/10 Python

python制作朋友圈九宫格图片

2019/11/03 Python

使用python和pygame制作挡板弹球游戏

2019/12/03 Python

python单例设计模式实现解析

2020/01/07 Python

django 实现简单的插入视频

2020/04/07 Python

Python加速程序运行的方法

2020/07/29 Python

Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)

2020/09/29 Python

HTML5新增元素如何兼容旧浏览器有哪些方法

2014/05/09 HTML / CSS

日本小田急百货官网：Odakyu

2018/07/19 全球购物

怎样声明接口

2014/09/19 面试题

《石榴》教学反思

2014/03/02 职场文书

三八节标语

2014/06/27 职场文书

毕业生学校组织意见

2015/06/04 职场文书

2016春季幼儿园小班开学寄语

2015/12/03 职场文书

如何用python反转图片,视频

2021/04/24 Python