基于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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
基于jQuery实现的文字按钮表单特效整理
Dec 07 Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 Javascript
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
vue下history模式刷新后404错误解决方法
Aug 18 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 Javascript
JavaScript前端面试组合函数
Jun 21 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数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
php计算数组不为空元素个数的方法
2014/01/27 PHP
PHP获取当前日期和时间及格式化方法参数
2015/05/11 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
js验证表单大全
2006/11/25 Javascript
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
jQuery ajax时间差导致的变量赋值问题分析
2016/01/22 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
python快速查找算法应用实例
2014/09/26 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
python实现textrank关键词提取
2018/06/22 Python
Python使用gRPC传输协议教程
2018/10/16 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
机电一体化求职信
2014/03/10 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
司考复习计划
2015/01/19 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python