开发者社区> 技术小美> 正文

白开水>jQuery>正文 JQuery优秀插件收集

简介:
+关注继续查看

JQuery插件库: http://plugins.jquery.com/全套UI:
全球jQuery的UI框架集锦,有国产DWZ框架入选 http://www.4wei.cn/archives/1001093
收集源于http://www.iteye.com/problems/85278
JQuery:
1. JQuery UI http://jqueryui.com/demos/
2. DWZ富客户端框架 http://j-ui.com/
3. Easy UI http://www.jeasyui.com/demo/main/index.php 半开源
4. quickui http://www.quickui.net/v3/pages/sample.html 免费和收费两个版本
5. jqwidgets http://www.jqwidgets.com/jquery-widgets-demo/ 收费
6. LigerUI http://ligerui.com/, 更新很慢, 网上说问题很多,谨慎使用
8. JQuery Tools : http://jquerytools.org/demos/
9. UI Layout http://layout.jquery-dev.net/demos.cfm
10. kendo http://demos.kendoui.com/ 免费版本不提供后台组件等, TreeGrid的实现http://mleibman.github.io/SlickGrid/examples/example5-collapsing.html
11 w2ui http://w2ui.com/web/demo
12. mini ui http://www.miniui.com/docs/api/index.html
13. 6款强大的创建和加强网站布局的jQuery插件http://developer.51cto.com/art/201106/266708.htm
14. 8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html
equalize.js 均衡的高度或宽度的元素的jQuery插件 http://tsvensen.github.io/equalize.js/
jQuery的滚动路径,一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。http://joelb.me/scrollpath/
freetile.js Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。http://yconst.com/web/freetile/
gridster.js 这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。http://gridster.net/
15 OperaMasksUI一个完整的UI  官网https://code.google.com/p/operamasks-ui/ Demohttp://ui.operamasks.org/website/demos.html
16 对话框 http://aui.github.io/artDialog

非JQuery UI:
1. dojo http://dojotoolkit.org/demos
2. openlaszlo http://www.openlaszlo.org/showcase
3. qooxdoo  http://qooxdoo.org/demo
4. ZK http://www.zkoss.org/demo/
5. Bootstrap http://www.bootcss.com/
其他: 没查看过,不知道情况怎么样
Fbootstrapp,BootMetro, Kickstrap, Foundation, GroundworkCSS, Gumby, HTML , ickStart, IVORY, Kube

在线编辑器:
KindEditor http://www.kindsoft.net/index.php
10 个免费的 jQuery 可视化编辑器插件 http://www.oschina.net/news/18329/10-free-jquery-rich-text-editors

Grid:
18个最好的 jQuery 表格插件 http://www.oschina.net/news/16973/18-best-jquery-data-table-plugin
jQuery treetable http://plugins.jquery.com/treetable/, demo: http://ludo.cubicphuse.nl/jquery-treetable/
jqGrid http://www.trirand.com/blog/jqgrid/jqgrid.html
jQuery Grid Plugin http://paramquery.com/demos
columnHover http://p.sohei.org/jquery-plugins/columnhover/jQuery插件,可以当鼠标悬停时,可以高亮表格中的整个列。

Excel
Handsontable 类似excel: http://handsontable.com/
7个跟excel相关的插件:7+ JQUERY MICROSOFT EXCEL TYPE PLUGINS
http://www.jquery4u.com/plugins/7-jquery-microsoft-excel-type-plugins/
dhtmlxSpreadsheet http://www.dhtmlx.com/docs/products/dhtmlxSpreadsheet/
jQuery.sheet http://www.visop-dev.com/Project+jQuery.sheet
Table Generator http://www.tablesgenerator.com/

对Grid的独立排序工具
table sorter ,此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表,而无需刷新页面。Table sorter可以成功地解析多种类型的数据并进行排序。
源码http://tablesorter.com/docs//演示 http://tablesorter.com/docs/#Demo
jQuery Table,这是一个操作简单的jQuery插件,可帮助你将数据创建成可排序的表格。
源码http://codecanyon.net/item/jquery-table/2392027?ref=lvraa/演示http://codecanyon.net/item/jquery-table/full_screen_preview/2392027?ref=lvraa
Beautiful Data,这是个了不起的方法,可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。
源码http://codecanyon.net/item/beautiful-data/132137?ref=lvraa/演示http://codecanyon.net/item/beautiful-data/full_screen_preview/132137?ref=lvraa
jQuery columnManager 插件,此插件可以切换表中纵列内容的可见性(折叠和展开它们),并且保存数据直到下次访问。
源码http://p.sohei.org/jquery-plugins/columnmanager//演示http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html

菜单导航:
15 Fresh jQuery Menu Plugins and Tutorials http://speckyboy.com/2011/07/04/15-fresh-jquery-menu-plugins-and-tutorials/
jquery-simple-context-menu右键菜单 http://joewalnes.github.io/jquery-simple-context-menu/example.html
jQuery contextMenu 右键菜单 http://medialize.github.io/jQuery-contextMenu/demo.html,下载地址:https://github.com/medialize/jQuery-contextMenu
ddsmoothmenu无限级菜单 http://www.iteye.com/topic/1132911

具备八种不同方式滑出的菜单栏特效http://www.dglives.com/demo/slide-push-menus-source/

上传下载:
Plupload,很不错的上传插件 http://www.plupload.com/example_queuewidget.php
它的中文例子说明:http://www.aixueit.com/thread-304-1-1.html,如果想覆盖事件和得到返回值,就使用它的pluploadQueue()方法。注意:这个插件的文件在jsp上引入是有顺序的,否则问题出在哪里,都很难发现的。http://www.16kan.com/question/detail/134602.html
jQuery File Upload: http://blueimp.github.io/jQuery-File-Upload/
jquery.fileDownload.js Library 下载插件http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/,Demo: http://jqueryfiledownload.apphb.com/

提示
菜单的冒泡效果:BubbleUp jQuery Plugin to Spice Up Your Menu http://bloggingexperiment.com/bubbleup-jquery-plugin
十个提示插件: http://medleyweb.com/web-dev/10-great-jquery-notification-plugins/
qTip 一个提示工具:   http://craigsworks.com/projects/qtip/docs/,在对话框的使用 http://jsfiddle.net/EuJNf/4/
Toastr 一个模仿Android的提示工具 http://codeseven.github.io/toastr/demo.html,官网:http://codeseven.github.io/toastr/
Pines Notify http://pinesframework.org/pnotify/
Noty http://needim.github.com/noty/
jNotify http://www.myjqueryplugins.com/jNotify 支持ie7以上
Notify http://redeyeoperations.com/plugins/Notify/
Notify! http://www.greepit.com/notify/
Sticky http://thrivingkings.com/read/Sticky-A-super-simple-notification-system-built-with-jQuery
MiniJS Notification[包含许多功能] http://minijs.com/plugins/8/notification
jQuery Toast Message http://akquinet.github.com/jquery-toastmessage-plugin/
Gritter for jQuery http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/
jQuery Notification Plugin http://www.9lessons.info/2011/10/jquery-notification-plugin.html
jQuery.toast – toast notifications http://plugins.jquery.com/toast/
--->Demo: http://htmlpreview.github.io/?https://github.com/Soldier-B/jquery.toast/blob/master/example/jquery.toast.html

几个格式化输入
http://digitalbush.com/projects/masked-input-plugin/
http://plentz.github.io/jquery-maskmoney/
密码输入: http://antelle.github.io/passfield/
jQuery Fileinput Plugin文件输入框: http://jsfiddle.net/hleinone/UF4nr/
jQuery File Upload文件输入框 http://blueimp.github.io/jQuery-File-Upload/
SCEditor编辑器 http://www.sceditor.com/
jQuery Autosize 文本框自动高宽度 http://www.jacklmoore.com/autosize/
jQuery Super Labels另类输入提示 http://remy.bach.me.uk/superlabels_demo/
jWizard输入提示 http://www.dbarnes.info/jWizard/#Demonstration

选择器
Javascript image dropdown 3.5.2 一个不错的下拉框http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/index.html
是个不错的下拉框:http://www.jquery4u.com/plugins/10-jquery-selectboxdrop-down-plugins/
chosen 类似下拉框多选插件 http://harvesthq.github.io/chosen/,使用方法和ie6问题:http://www.cnblogs.com/pshay/archive/2012/12/13/2813877.html
select2 http://ivaynberg.github.io/select2/
Selectize.js下拉多选 http://brianreavis.github.io/selectize.js/
4 个多才多艺的 jQuery 下拉菜单插件 http://panyongzheng.iteye.com/blog/1909865
Brute Select格式化下拉框 http://grassator.github.io/jquery-brute-select/
jquery.chained.js 连级数据  http://www.appelsiini.net/projects/chained/demo.html
multiselect两边多选框 http://loudev.com/
TextExt很好的下拉选择器:http://textextjs.com/
DropKick.js一个自定义的下拉框 http://www.gbtags.com/gb/demoviewer/1801/e347550f-b4c7-48e6-837e-fbebe4505ce7/DropKick-master%7Cexample%7Cexamples.html.htm
dropdown-check-list 有checkbox的下拉框 https://code.google.com/p/dropdown-check-list/

日期日历时间
一些日期控件收集: http://www.itokit.com/2012/0822/74694.html
datepicker 97 http://www.my97.net/dp/demo/resource/2.1.asp
jQuery Date Input多语言日期 http://www.jonathanleighton.com/projects/date-input/
jQuery Calendar 一个不错的日历 http://opensource.teamdf.com/calendar/examples/week.html
Ion.Calendar 2.0.0日期: http://ionden.com/a/plugins/ion.calendar/en.html
pickadate.js 日期时间 http://amsul.ca/pickadate.js/
continuous-calendar日历 http://reaktor.github.io/jquery-continuous-calendar/
jquery-simple-datetimepicker 日期时间: http://mugifly.github.io/jquery-simple-datetimepicker/jquery.simple-dtpicker.html

zebra-datepicker日期 http://stefangabos.ro/jquery/zebra-datepicker/

画廊
Rondell画廊 http://projects.sebastianhelzle.net/jquery.rondell/
jcarousel画廊 http://sorgalla.com/jcarousel/
fotorama画廊 http://fotorama.io/
jquery图片幻灯片,Jquery特效 http://www.iteye.com/topic/1132110
30个精美的jQuery幻灯片效果插件和教程 http://www.cnblogs.com/lhb25/archive/2011/08/18/stunning-jquery-slider-plugins-and-tutorials.html
10个精选 jQuery 幻灯片插件 http://www.siqiboke.com/post/492.html
SLF一个很不错的画廊http://darsa.in/sly/#!examples

幻灯片
jquery图片滚动特效banner http://www.17sucai.com/pins/demoshow/349

图表
jQuery Sparklines 动态图表 http://omnipotent.net/jquery.sparkline/#s-about

在线进度条:http://preloaders.net/

杂项
jScrollPane 滚动条插件 http://jscrollpane.kelvinluck.com/index.html#examples
jScroller2 滚动动画 http://jscroller2.markusbordihn.de/
jQuery Knob 旋转输入 http://effinroot.eiremedia.netdna-cdn.com/repo/plugins/forms-controls/jquery-knob/index.html
textrange文本选择 http://dwieeb.github.io/jquery-textrange/
Fancyform表单皮肤 http://lutrasoft.nl/jQuery/fancyform/
jQuery.dForm js表单控件 http://jsfiddle.net/Zt4Rz/
jQuery Custom Forms 表单皮肤: http://vebersol.net/demos/jquery-custom-forms/
jQuery++加强插件 http://jquerypp.com/
放大缩小 http://jaukia.github.io/zoomooz/
jsTree 树插件 http://jstree.com/demo
zTree: http://www.ztree.me/v3/demo.php
equalize.js 自动适应宽度高度 http://tsvensen.github.io/equalize.js/
控件墙 http://jquery-jkit.com/
Kwicks for jQuery 别致的手风琴效果 http://devsmash.com/projects/kwicks
miniTip jQuery Plugin 提示插件http://goldfirestudios.com/blog/81/miniTip-jQuery-Plugin
Smallipop 提示插件 http://projects.sebastianhelzle.net/jquery.smallipop
jQuery Fullscreen 最大化插件 https://github.com/private-face/jquery.fullscreen
Scroller滚动条 http://www.benplum.com/formstone/scroller/
dragend JS横向拖动翻页 http://stereobit.github.io/dragend/
jQuery.bPopup.js弹出框 http://dinbror.dk/bpopup/
jquery按条件筛选产品效果 类似京东选择:http://www.97zzw.com/plus/demonstrate.php?aid=1197
http://www.97zzw.com/jscode/other/1197.html
xml2json-xslt xml跟json转换插件 https://code.google.com/p/xml2json-xslt/
Tab 10款实用的 jQuery Tab 切换插件和教程 http://www.cnblogs.com/lhb25/archive/2012/11/26/10-useful-jquery-tab-plugins.html
Base64编码插件:http://plugins.jquery.com/base64/













本文转自yunlielai51CTO博客,原文链接:http://blog.51cto.com/4925054/1722227,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
SpringBoot-13-插曲之Node文件重命名+自动生成json对象
遇到的问题:图片太多,使用起来挺麻烦 [1]有很多图片放服务器里,怎么能更好的管理,更方便拿到图片呢? [2]想用json 以一个对象数组的形式保存这些图片:以[{img:"图片名"},{img:"图片名"}....]形式 [3]虽说想法是很好,但不可能一条一条自己写吧,好歹咱也是21世纪敲代码的人。
863 0
JQuery文件上传及以Base64字符串形式呈现图片
一:上传之 首先,你必然得有一个 file input,如下:         其次,让我们 upload,如下: $.ajaxFileUpload({     url: '@ViewBag.
584 0
JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
前台开发,很多人喜欢用JQuery,但是在做后台管理系统,特别是企业管理系统,例如WEB进销存系统等,很多人都会选择ExtJS,因为ExtJS提供了非常多的UI界面,并且非常友好。   我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比:   上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~     漂亮的消息弹出,支持遮罩效果。
1047 0
【Jquery】插件—Watermark实现自定义文本框水印
1 2 3 4 jQuery 5 Watermark 6 7 8 google.load("jquery", "1.3.2"); 9 10 11 12 13 .
806 0
+关注
6819
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载