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/  Demo http://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 旋转输入 [url]http://effinroot.eiremedia.netdna- 
cdn.com/repo/plugins/forms-controls/jquery-knob/index.html[/url] 
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/

你可能感兴趣的:(前端)