jquery
是近段时间里比较流行的一个javascript
框架,不断有使用者开发出新的 jQuery插件。下面收集了51个开发者最喜欢使用的jQuery插件。
Sliding Panels -滑动门控制
1) Sliding Panels For jQuery
-元素可以展开或关闭,创建出手风琴的滑动效果。
(2) jQuery Collapse
-这个jQuery插件同样点击后滑动展开或关闭DIV层。
Menu - 菜单
3) LavaLamp
(4) A Navigation Menu
- 锚链接的无序列表嵌套
, 可以添加2级菜单
(5) SuckerFish Style
Tabs
– 选项卡
6) jQuery UI Tabs / Tabs 3
– 基于 jQuery 的一个Tab选项卡
导航
(7) TabContainer Theme
– 当用户在选项卡之间进行切换时,产生JQuery风格的淡出动效果。
Accordion- 手风琴效果
8 ) jQuery Accordion
Demo
(9) Simple JQuery Accordion menu
SlideShows - 幻灯片
10) jQZoom
-让你在你的网页上很简单的实现图片的缩放功能。
(11) Image/Photo Gallery Viewer
- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。
Transition Effects – 过渡特效
12) InnerFade
– 可以让网页中的任何元素产生淡化效果
(13) Easing Plugin
-另外一个简单的过渡效果插件
(14) Highlight Fade
(15) jQuery Cycle Plugin
- 拥有多种过渡效果的一个Gallery插件。
奇幻的jQuery
16) Riding carousels with jQuery
– 这个jQuery插件可以生成一个水平或垂直的列表,并且允许你控制DIV层的滑动显示。
Demo :
Color Picker -拾色器
17) Farbtastic
-这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。
Demo :
(18) jQuery Color Picker
LightBox -灯箱效果
19) jQuery ThickBox
– is a webpage user interface dialog widget written in JavaScript.
Demo :
(20) SimpleModal Demos
–
its goal is providing developers with a cross-browser overlay and
container that will be populated with content provided to SimpleModal.
Demo :
(21) jQuery lightBox Plugin
–
simple, elegant, unobtrusive, no need extra markup and is used to
overlay images on the current page through the power and flexibility of
jQuery′s selector.
Demo :
(
iframe
22) JQuery iFrame Plugin
Form Validation -表单验证器
23) Validation
– 有一套完整相当的形式验证规则。该插件还动态地创建ID和联系信息。
Demo :
(24) Ajax Form Validation
– 在客户端使用jquery
验证的一种形式,它可以验证用户名
是否有效等。
Demo :
(25) jQuery AlphaNumeric
-欢迎对对表单域中的某些字符进行限制
Form Elements - 表单事件
(26) jquery.Combobox
– 从现在的选择元素中创建一个个性的html
组合 Demo is here.
(27) jQuery Checkbox
-样式化选择框,从而提高交互能力。
(28) File Style Plugin for jQuery
-File Style插件让你可以使用图像做为文件浏览按钮,你还可以样式化文件名称区域。
Star Rating - 星形评级系统
(29) Simple Star Rating System
30)Half-Star Rating Plugin
ToolTips -提示工具
31) Tooltip Plugin Examples
– 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.
(32) The jQuery Tooltip
Tables Plugins -表格插件
33) Zebra Tables Demo
-使用jQuery来创建出斑马线风格的数据表格,鼠标悬浮时能改变背景色。
Demo :
(34) Table Sorter Plugin
- 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格,不需要刷新。它能够成功地解析和整理多种类型的数据,包括联系资料。
(35) AutoScroll for jQuery
-可以生成网页表格的热点自动滚动效果
(36) Scrollable HTML table plugin
- 用来转换表格为普通的滚动HTML。不需要额外的编码。
Demo :
Draggable Droppables And Selectables 拖拽
37) Sortables
- 一个简单强大的拖拽插件。
(38) Draggables and droppables
- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作
Style Switcher - 切换风络
39) Switch stylesheets with jQuery
允许访客选择他们喜欢的网站样式,使用了Cookie记录,也就是同一个用户下次再访问时,除非他不切换,否则会保留他选择的样式。
Demo演示.
Rounded Corners 圆角效果
40) jQuery Corner Demo
(41) JQuery Curvy Corners
- 这个插件可以让你生成光滑、无锯齿的圆角效果。
Must See jQuery Examples 应该了解的一些jQuery应用实例
42) jQuery Air
– 一个非常非常特别的客户管理界面应用插件,太特别了,太太太特别了。
Demo :
(43) HeatColor
Demo :
(44) Simple jQuery Examples
(45) Date Picker
-一个灵活个性的jQuery日历组件。
Demo :
(46) ScrollTo
-这个jQuery插件可以让你实现当点击链接时中滚动到页面中的某一对象
(47) 3-Column Splitter Layout
一个3栏布局分配插件。
(48) Pager jQuery
-一个小巧的 jQuery插件,用来增加分页的页码效果
(49) Select box manipulation
(50) Cookie Plugin for jQuery
51) JQuery BlockUI Plugin
转载至(http://www.wufangbo.com/51-jquery-plugn-introduction-and-application-examples)
分享到:
相关推荐
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐:...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值。 当初做了个异步上传的功能,选择它因为它的配置方式比较像jQuery的AJAX,...
本文实例讲述了jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果。分享给大家供大家参考。具体如下: 这款网页特效主要是tytabs.jquery.min.js插件的实例演示,一个带有漂亮渐变效果的TAB选项卡,演示了一个...
本文实例讲述了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法。分享给大家供大家参考。具体如下: 左右拖拽切换对比图片效果,运行效果后,图片中间有个拖动条,拖动左右滑动,可看到图片不一样...
grumble.js 其实是一个jQuery插件,可以在 软件开发网找到源码下载。 官方的一些截图: 普通提示 可以附加事件,如点击、鼠标移入移出等 可以实现动画,如气泡围绕一个点旋转 在这里我们可以看到grumble.js的一些...
本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下: 这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS...
本文实例讲述了jQuery插件实现弹性运动的方法。分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset=utf-8> <title>www.jb51.net jQuery弹性运动</title...
我用过好几种日历插件,有的太花哨,有的太简单,有的浏览器不兼容等等,没有一个能让我感到满意的,后来同事给我推荐了jquery.datepick这个插件,我从官方网站下了一个,亲自做了一下,感觉相当的不错,逻辑和样式...
本文实例讲述了jQuery网页选项卡插件rTabs用法。分享给大家供大家参考。具体如下: 这里介绍jQuery网页选项卡插件rTabs用法,一共演示了4种TAB选项卡样式,第一种:默认样式:自动运行、无动画效果、Hover事件;第二...
本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考,具体如下: 你是否遇到过这种情况:想要在网页中嵌入div块并且局部滚动,但滚动条太难看啦!!! 使用jquery.nicescroll来美化滚动...
本文实例为大家分享了jquery.tableSort.js表格排序的具体代码,供大家参考,具体内容如下 1.一定要引jQuery包,所有jq插件都是基于jQuery包的 2.如果想指定哪一栏不排序这样写 $(“#mytable”).tablesorter({...
本文实例讲述了jQuery实现点击按钮弹出可关闭层的浮动层插件。分享给大家供大家参考。具体如下: 这是一款由漫画Jquery弹出层插件改编而来,小鸟Js弹窗插件,按ESC可以关闭窗口。默认不带样式,大家可以根据自己的...
兼容IE和火狐的顶部菜单栏,带图标的图文菜单,还有右上角的下拉导航效果,一个演示包括了两种菜单,都是很实用的效果,只使用了jquery就实现了。如果你的网站上此前用有jquery插件,那么整合起来就更方便了,点击...
本文实例讲述了jquery实现像栅栏一样左右滑出式二级...这里演示了jquery实现像栅栏一样的左右滑出式二级菜单,会向左或向右滑出,支持中英文,使用时别忘了引入jquery插件。 运行效果截图如下: 在线演示地址如下: ...