基于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库实现。
演示 | 下载 | 介绍

Javascript 相关文章推荐
学习ExtJS form布局
Oct 08 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
Feb 03 Javascript
深入理解Node module模块
Mar 26 Javascript
js+css实现打字效果
Jun 24 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
Sep 12 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
React 实现车牌键盘的示例代码
Dec 20 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下mysql数据库操作类(改自discuz)
2010/07/03 PHP
PHP编程函数安全篇
2013/01/08 PHP
PHP7 弃用功能
2021/03/09 PHP
得到文本框选中的文字,动态插入文字的js代码
2007/03/07 Javascript
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
(function($){...})(jQuery)的意思
2010/07/22 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
python网络编程之读取网站根目录实例
2014/09/30 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
python实现两个文件合并功能
2018/04/01 Python
python简易远程控制单线程版
2018/06/20 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
应用OpenCV和Python进行SIFT算法的实现详解
2019/08/21 Python
Python关于反射的实例代码分享
2020/02/20 Python
Python实现随机爬山算法
2021/01/29 Python
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
精伦电子Java笔试题
2013/01/16 面试题
公证委托书
2014/08/01 职场文书
二年级学生期末评语
2014/12/26 职场文书
地震慰问信
2015/02/14 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
详解MySQL的半同步
2021/04/22 MySQL
分析Netty直接内存原理及应用
2021/06/14 Java/Android
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS