JQuery插件库:
http://plugins.jquery.com/
http://jquery-plugins.net/
精品收集网站:
梦想天空
http://www.cnblogs.com/lhb25/,
必有精品
JavaScriptOO.com 集合了目前 Web 开发中最常用的422(截至目前)款 JavaScript 框架,你可以根据功能类别(Ajax,动画,图表,游戏等)进行过滤和排序,快速找到你需要的框架。每个项目都有在线演示,源码下载以及 CDN 链接。
http://www.javascriptoo.com/
电子
电路模拟 CircuitJS1
http://www.oschina.net/p/circuitjs1
Restive.js – 轻松让网站变成
响应式和自适应
http://www.cnblogs.com/lhb25/p/make-website-responsive-or-adaptive-easily.html
华丽的设计,20个免费的图标字体
http://www.cnblogs.com/lhb25/p/free-icon-fonts-to-use-in-your-designs.html
jQuery Mapael – 呈现动态的矢量地图
http://www.cnblogs.com/lhb25/p/data-cisualizations-dynamic-vector-maps.html
20种新颖的按钮风格和效果
http://www.cnblogs.com/lhb25/p/fresh-button-styles-effects-inspiration.html
Swiper – 经典的移动触摸滑块插件
http://www.cnblogs.com/lhb25/p/swiper-free-modern-mobile-touch-slider.html
Snabbt.js – 极简的 JavaScript 动画库
http://www.cnblogs.com/lhb25/p/minimalistic-animation-library.html
Velocity – 另外一款加速的 jQuery 动画插件
http://www.cnblogs.com/lhb25/p/velocity-animation-outperforms-jquery.html
有趣的时钟:
http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html
fontIconPicker – 优雅的 jQuery 字体图标选择
http://www.cnblogs.com/lhb25/p/elegant-font-icon-picker-jquery-plugin.html
jquery.zxxPageRuler.js在网页上制作标尺和参考线
http://www.ijquery.cn/?p=296
3D 滚动效果 Space.js, 基于 Z 轴的滚动放大缩小
http://www.oschina.net/p/space-js
jAnimate 是一款帮助你在 jQuery 中使用 Animate.css 的插件。如果你想立刻中止动画效果,且保持该状态不变的话,推荐使用 jAnimate 。
http://www.oschina.net/p/janimate
补间动画引擎 jQueryTween
http://www.oschina.net/p/jquerytween
下拉列表 Bootstrap-tabdrop.js
http://www.oschina.net/p/bootstrap-tabdrop-js
JQuery WebRating 有无数功能,比如启动、基于 CSS 着色、定制的 toop tip 选项,用 cookie 限制每个访问者的点击等等。
http://www.oschina.net/p/jquery-webrating
时间轴:
10个jquery时间轴插件
http://www.cnblogs.com/58top/archive/2013/01/05/jquery-timeline-plugins.html
15个难忘的jQuery的时间轴插件
http://bbs.html5cn.org/thread-12135-1-1.html
Timeline Portfolio - 时间轴作品集效果
http://www.yyyweb.com/demo/inner-show/timeline-portfolio.html
7 个漂亮的JavaScript时间轴组件
http://blog.ithomer.net/2013/11/7-nice-javascript-timeline-component/
10个最实用的个时间轴插件
http://www.oschina.net/news/60906/jquery-timeline%20-plugins
别人收集信息
8个实用的页面布局和用户界面jQuery插件
http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html
15款最好的 jQuery 网格布局插件(Grid Plugins)
http://www.cnblogs.com/lhb25/p/15-jquery-grid-plugins.html
2013年优秀jQuery插件
http://www.cnblogs.com/feng524822/p/3319534.html
2014年50个程序员最适用的免费JQuery插件
http://www.oschina.net/news/53614/useful-jquery-libraries
为开发者准备的 10 个新鲜的框架
http://www.oschina.net/translate/10-fresh-frameworks-for-developers
5 个超棒的 jQuery 消息提醒插件
http://www.oschina.net/news/57207/best-jquery-notification-plugins
2014年12月最棒的 15 个 JavaScript 库
http://www.oschina.net/translate/top-15-javascript-libraries-december-2014
30 个最棒的 jQuery 的拖放插件,包括门户,布局,orgChart组织部门图,Nestable等功能
http://www.oschina.net/news/58038/jquery-drag-and-drop-plugins
精心挑选的12款优秀 jQuery Ajax 分页插件和教程
http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html
帮助你实现元素动画的6款插件
http://www.cnblogs.com/lhb25/p/web-dom-animation-library.html
7种鼠标悬停效果,多样的图片说明展示
http://tympanus.net/Tutorials/CaptionHoverEffects/CaptionHoverEffects.zip Demo:
http://www.yyyweb.com/demo/inner-show/caption-hover.html
Devrama Slider - 支持任意 HTML 的内容滑块
http://www.cnblogs.com/lhb25/p/devrama-slider-jquery-image-plugin.html
15款最好的 jQuery Modal(模态窗口)插件
http://www.cnblogs.com/lhb25/p/15-jquery-modal-plugins.html
20个优秀的 JavaScript 键盘事件处理库
http://www.cnblogs.com/lhb25/p/20-javascript-libraries-to-handle.html
惊艳视差滚动效果的 jQuery 插件
http://www.cnblogs.com/lhb25/archive/2012/09/13/jquery-parallax-and-scrolling-effect-plugins.html
在网站开发中很有用的8个 jQuery 效果
http://www.yyyweb.com/demo/page-loading-effects/index7.html
25 个最棒的 jQuery 日期时间选择器
http://www.oschina.net/news/58449/best-jquery-date-time-picker-plugins
20 个最棒的 jQuery Tab 插件
http://www.oschina.net/news/58448/20-best-jquery-tab-plugins
12个来自 Codrops 的创新交互和动画效果
http://www.cnblogs.com/lhb25/p/12-amazing-interface-effects.html
10套精美的免费网站后台管理系统模板
http://my.oschina.net/superkangning/blog/373033
推荐15款最佳的 jQuery 分布引导插件
http://www.cnblogs.com/lhb25/p/15-best-jquery-site-tour-plugins.html
50 个最棒的 jQuery 日历插件,很齐全了
http://www.oschina.net/news/60896/jquery-calendar-plugins
推荐15款创建漂亮幻灯片的 jQuery 插件
http://www.cnblogs.com/lhb25/p/15-jquery-slideshow-plugins.html
2015年4月份本周超过 10 款最新免费 jQuery 插件 jQuery EasyTree,jquery-chat网页聊天,
http://www.oschina.net/news/61816/10-newest-free-jquery-plugins-for-this-week-april-10-2015
10 款 jQuery 的
网页聊天插件
http://www.oschina.net/news/61814/jquery-chat-plugins
Activiti 开源设计器
ActivitiDesigner
http://www.oschina.net/p/activitidesigner
全套UI:
全球jQuery的UI框架集锦,有国产DWZ框架入选
http://www.4wei.cn/archives/1001093
收集源于
http://www.iteye.com/problems/85278
JQuery:
JQuery UI
http://jqueryui.com/demos/
jquery-ui-bootstrap
http://www.bootcss.com/p/jquery-ui-bootstrap/#overlay
DWZ富客户端框架
http://j-ui.com/
Easy UI
http://www.jeasyui.com/demo/main/index.php 半开源
quickui
http://www.quickui.net/v3/pages/sample.html 免费和收费两个版本
jqwidgets
http://www.jqwidgets.com/jquery-widgets-demo/ 收费
LigerUI
http://ligerui.com/, 更新很慢, 网上说问题很多,谨慎使用
JQuery Tools :
http://jquerytools.org/demos/
kendo
http://demos.kendoui.com/ 免费版本不提供后台组件等, TreeGrid的实现
http://mleibman.github.io/SlickGrid/examples/example5-collapsing.html,group实现
http://www.telerik.com/forums/how-to-set-grid-grouping-programatically
w2ui
http://w2ui.com/web/demo,grid无分页。
mini ui
http://www.miniui.com/docs/api/index.html
OperaMasksUI一个完整的UI 官网
https://code.google.com/p/operamasks-ui/ Demo
http://ui.operamasks.org/website/demos.html
对话框
http://aui.github.io/artDialog
淘宝前段框架Kissy:
http://docs.kissyui.com/1.4/docs/html/demo/index.html
前端开发框架选型清单
http://www.infoq.com/cn/news/2014/05/web-ui-framework?utm_source=infoq&utm_medium=popular_links_homepage
Avgrund 立体弹窗效果。这个作品的作者是 Hakim,他在 CodePen 上面有很多很多的好作品,很难选择出最好的一个。我挑选这个的原因是因为这个效果很实用。模态窗口配合深度的视觉效果让整个界面特别有立体感。
B-JUI(Bootstrap for DWZ)富客户端框架,
基于DWZ-jUI富客户端框架修改。
http://www.oschina.net/p/bootstrap-for-DWZ
BUI,很不错的
全套UI
http://builive.com/index.php
PrimeUI jQuery UI 组件库
http://www.oschina.net/p/primeui
前端框架:样式主题
Foundation - 我最喜欢的前端框架
http://foundation.zurb.com/index.html
Bootstrap - 最流行的
http://getbootstrap.com/
Pure - 从未用过,但是看起来很酷
http://purecss.io/
Polymer – Google Material Design全平台实现的一部分,很酷的交互细节 ( 这行是Easy加的,GFWED
http://www.polymer-project.org/
20 个免费的 Bootstrap 模板
http://www.oschina.net/news/53505/20-free-bootstrap-templates
Flat UI Flat UI
http://www.bootcss.com/p/flat-ui/
分享22个最新的HTML & CSS3 UI开发工具
http://www.iteye.com/topic/1135071
2014年8月 10 个全新的 Bootstrap 3 管理模板
http://www.oschina.net/news/54800/10-new-bootstrap-3-admin-templates-august-2014
为应用程序设计的 10 个超酷的图标集
http://www.oschina.net/news/54982/10-cool-icon-sets-for-app-design
Web 的 UI 框架 Foundation
http://www.oschina.net/p/foundation
Bootstrap Material,这是一款非常易用于采用了 Bootstrap 3 技术的应用的Google Material Design的Bootstrap主题。要使用这个主题,只需向项目中添加Bootstrap CSS 和 Javascript 即可运作。
http://www.oschina.net/p/bootstrap-material
精心挑选:推荐6套精美的免费 jQuery UI 主题
http://www.cnblogs.com/lhb25/archive/2012/11/21/free-jquery-ui-themes-collection.html
CSS 动画加载效果 Loaders.css
http://connoratherton.com/loaders
20 款超棒免费的 Bootstrap 管理和前端模板
很不错
http://www.oschina.net/news/62506/20-best-free-bootstrap-admin-and-frontend-templates-2015
拖放布局:
jQuery拖拽布局插件Portal
http://www.jq22.com/jquery-info364, 一些说明在
http://www.jqcool.net/jquery-portalyi.html,IE9以下的就不要用了,看不到效果。
jQuery Protlets:
http://sonspring.com/journal/jquery-portlets,详解:
http://a151555.iteye.com/blog/1853184
jQuery 部件布局插件 Gridstack
http://troolee.github.io/gridstack.js/
可拖放的布局插件 gridster.js
http://gridster.net/
gridster.js 这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。
http://gridster.net/,
Internet Explorer 9+, Firefox, Chrome, Safari and Opera.
shapeshift
http://mcpants.github.io/jquery.shapeshift/
jQuery拖放插件集合
http://www.jb51.net/article/30069.htm
UI Layout
http://layout.jquery-dev.net/demos.cfm,参数说明:
http://feiboo.blog.163.com/blog/static/16118349201122984652548/
freetile.js Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。
http://yconst.com/web/freetile/
有用的jQuery布局插件推荐
http://www.zhangjiaojiao.cn/jquery/184.html
采用jquery ui的sorttable拖动排序插件实现拖动效果
http://www.helloweba.com/view-blog-72.html
JavaScript 拖放库 Dragula
http://www.oschina.net/p/dragula
dad.js 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。
http://konsolestudio.com/dad/
流式布局
jQuery Nested
http://suprb.com/apps/nested/
Masonry:一款很好用的jquery网页瀑布流布局插件
http://www.open-open.com/lib/view/open1337310504197.html, 问题:
http://blog.csdn.net/wcl1598593/article/details/8190285
静态布局
jLayout不错的布局
http://www.bramstein.com/projects/jlayout/jquery-plugin.html
网格布局 Mason.js
http://masonjs.com/
6款强大的创建和加强网站布局的jQuery插件
http://developer.51cto.com/art/201106/266708.htm
8个实用的页面布局和用户界面jQuery插件
http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html
网格布局
http://www.360doc.com/content/13/0322/11/21412_273182608.shtml
MasonJS – 创建完美的砌体结构网页布局
http://www.cnblogs.com/lhb25/p/create-perfect-grid-elements-with-mason.html
Salvattore 是一个 jQuery 砌体的替代,使用 CSS 驱动的配置。Salvattore 根据您指定的列数组织你的 HTML 元素。容器中的每一个项目会一个接一个被放置在列内,只需要简单地添加一个 data-columns 属性。
http://www.cnblogs.com/lhb25/p/salvattore-a-css-driven-jquery-masonry.html
动态列和无间隙网格布局Mason.js
http://www.gbtags.com/gb/share/1388.htm
标签插件 TabbedContent
http://www.oschina.net/p/tabbedcontent
jQuery
响应标签插件 TurboTabs
http://www.oschina.net/p/turbotabs
图表
20 个最棒的 JavaScript 图表库
http://www.oschina.net/translate/20-best-javascript-chart-libraries
Google Charts谷歌图表
https://developers.google.com/chart/interactive/docs/examples
js画图的库,还是joint.js合适一些,对于简单的图显示很适用。具体链接:
http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html
拓补图编辑器
Graph.Editor
http://www.oschina.net/p/graph.editor
jQuery图表(jqPlot,Highcharts)
http://liuzidong.iteye.com/blog/1534360
几款实用的 JavaScript 图形图表库
http://www.cnblogs.com/lhb25/p/6-libraries-for-visualized-charts-graphs.html
jQuery Visualize Plugin
http://www.filamentgroup.com/examples/charting_v2/index_2.php,浏览器支持:IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支持但是
Google维护了一个类库能将Canvas翻译成VML,这样可以允许在任意版本IE中运行
jQuery Sparklines 动态图表
http://omnipotent.net/jquery.sparkline/#s-about
JavaScript图表Highcharts
http://www.highcharts.com/, 中文网
http://www.hcharts.cn/, 演示
http://www.hcharts.cn/demo/index.php
在线进度条:
http://preloaders.net/
用于构建交互式图表的最佳 jQuery 图表库
http://www.oschina.net/translate/best-jquery-chart-libraries-for-building-interactive-charts
5个最顶级jQuery图表类库插件
http://www.gbtags.com/technology/jquery/jquerytop5charting/
10 个 jQuery 图表插件推荐
http://blog.jobbole.com/21136/
jsPlumb jQuery插件 jsPlumb这个jQuery插件为开发者提供了一种可视化连接网页元素的方法
http://jsplumbtoolkit.com/demo/home/dom.html,
jsPlumb开发入门教程(实现html5拖拽连线)
http://blog.csdn.net/zhaoxy_thu/article/details/9532143
Jquery+jsPlumb流程图实现
http://hi.baidu.com/dlbup/item/125f24c982e61878ced4f802,
使用jsPlumb制作流程图设计器
http://www.cnblogs.com/lwme/p/use-jsplumb-make-flowChart-designer.html,
使用 JsPlumb 绘制拓扑图的通用方法
http://blog.csdn.net/lovesqcc/article/details/14003987
Echarts动态加载图表数据
http://www.iteye.com/topic/1134808
taitems/jQuery.Gantt 甘特图
http://taitems.github.io/jQuery.Gantt/, 下载:
https://github.com/taitems/jQuery.Gantt
robicch/jQueryGantt
https://github.com/robicch/jQueryGantt
采用纯Html/Javascript实现的几个甘特图
http://www.open-open.com/home/space-668-do-blog-id-787.html
Dashboards by Keen IO
10 jQuery Gantt Chart Tools 10甘特图
http://pulse2.com/r/jquery-gantt-chart/
http://www.cnblogs.com/lhb25/p/responsive-dashboard-templates-bootstrap.html
ECharts 开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,
http://echarts.baidu.com/doc/example.html
jOrgChart组织部门图
https://github.com/wesnolte/jOrgChart
jquery-orgchart组织部门图
https://github.com/caprica/jquery-orgchart
D3
http://d3js.org/,官网有例子, 中文介绍:
https://github.com/mbostock/d3/wiki/CN-Home, 教程:
http://www.pkuwwt.tk/d3-tutorial-cn/fundamentals.html 其他例子
http://dimplejs.org/examples_index.html
NVD3.js, 基于D3扩展
http://www.oschina.net/p/nvd3js 例子
http://nvd3.org/examples/ 是一个基于D3.js的开源图表JavasScript 类库,它可生成具有交互性的图表,定制性也非常高。它可用于绘制线性图、柱状图、饼图等多种常见的图表类型。它的使用方法也非常简单,如果你正好用过 D3.js,上手是相当容易的。
C3.js 0.4.8, 基于D3扩展 发布,开源图表库
http://www.oschina.net/news/57917/c3-js-0-4-8, 例子:
http://c3js.org/examples.html
流程图前端展示控件 d3-process-map
http://www.oschina.net/p/d3-process-map
xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript 图表库
http://tenxer.github.io/xcharts/examples/
可视化库 Vis.js
http://www.oschina.net/p/visjs
Chartist.js 是
简单的响应式图表
http://www.oschina.net/p/chartist-js
Epoch 是一个通用的
实时的图表库
http://fastly.github.io/epoch/
国人开发的图表库 ACharts,非常优秀
http://acharts.github.io/, 文档:
http://spmjs.io/docs/acharts/wiki/04-series.html,坐标轴基类
https://github.com/acharts/achart-axis/blob/master/wiki/1-base.md
js charts 很不错
http://www.jscharts.com/
jQuery Visualize Plugin 是一个
根据表格的内容自动生成图表的 jQuery 插件
http://www.oschina.net/p/jquery+visualize+plugin
使用Raw你可以在数分钟内就轻松完成一些
高级数据可视化工作
http://www.oschina.net/p/raw
Protovis 是一个
可视化 javaScript 图表生成工具
http://www.oschina.net/p/protovis
rossfilter 是一个用来展示
大数据集的 JavaScript 库,支持超快的交互
http://www.oschina.net/p/crossfilter
Dracula 是用一系列的工具来显示和布局互动图表,包括各种相关的算法,
图形跟图形关联
http://www.graphdracula.net/
图像图标库 Yako.js
http://www.oschina.net/p/yako-js
国人开发拓扑图展示工具 ctopo
http://www.oschina.net/p/ctopo
圆形进度条 jQuery 插件 CircularLoader.js
http://www.oschina.net/p/circularloader-js
SVG Drawing Animation - SVG
绘制动画
http://www.cnblogs.com/lhb25/p/svg-drawing-animation.html
MetricsGraphics.js 是一个可视化数据图表库,可在网页上呈现时间序列数据。它很小,60kb之内,但它提供了一个简便方法来产生图像常见类型。当前这个库支持折线图、散列图、直方图、条形图、图表、甚至是基本的线性回归。
http://www.oschina.net/p/metrics-graphics
开发者用了都说好的5款JavaScript图表库
http://my.oschina.net/sqzy/blog/473479
仪表盘
meter gauge, jqplot插件
http://www.jqplot.com/deploy/dist/examples/meterGauge.html
gauge-meter.js
http://codecanyon.net/item/gauge-meter/full_screen_preview/4907507
18个有用的图标插件
http://freebiesdesign.com/18-useful-jquery-charts-plugins/
hcharts的仪表盘例子
http://www.hcharts.cn/demo/index.php?p=59,参数说明:
http://blog.csdn.net/javaliuzhiyue/article/details/9943751
JustGage简单好看仪表盘
http://www.justgage.com/,文档:
http://blog.csdn.net/craryprimitiveman/article/details/22166557
Gauge.js
http://bernii.github.io/gauge.js/
jsgauges
http://codecanyon.net/item/jsgauges/982713?ref=telyva
JustGage 是一个 JavaScript 插件来生成很漂亮的仪表盘
http://www.justgage.com/
d3扩展gauge 1.
http://bl.ocks.org/msqr/3202712, 2.
http://jsfiddle.net/mr23/vJuNU/, 3.
http://codepen.io/jaketrent/pen/eloGk
js模板插件
JavaScript 模板引擎 template.js
http://www.oschina.net/p/template-js
jQuery .tmpl(), .template()学习
http://www.cnblogs.com/think8848/archive/2011/07/17/2108570.html
10 个强大的JavaScript / jQuery 模板引擎推荐 http://www.iteye.com/news/24827
五款流行的JavaScript模板引擎
http://www.csdn.net/article/2013-09-16/2816951-top-five-javascript-templating-engines
jquery-template
https://github.com/codepb/jquery-template
jQuery .tmpl(), .template()学习
https://github.com/BorisMoore/jquery-tmpl, 介绍:
http://www.cnblogs.com/think8848/archive/2011/07/17/2108570.html, 现在变为:
JsRender :
https://github.com/borismoore/jsrender
jsRender教程:
http://www.cnblogs.com/tangmingjun/archive/2012/06/04/2534605.html
http://josh-persistence.iteye.com/blog/1915730
API:
http://www.jsviews.com/#jsrapi
思维导图jquery插件
JS思维导图类库 jsMind
http://www.oschina.net/p/jsmind
在线脑图编辑器 Kity Minder
http://www.oschina.net/p/kityminder
思维导图工具 my-mind
http://www.oschina.net/p/my-mind
绘制UML图的JS库 jsUML2
http://www.uco.es/users/in1rosaj/tools/jsUML2/editor/index.html
非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
树形 Tree:
jsTree 树插件
http://jstree.com/demo
zTree:
http://www.ztree.me/v3/demo.php
Treed – 基于拖放 操作的,强大的树形编辑器
http://www.cnblogs.com/lhb25/p/powerful-tree-editor-with-drag-and-drop.html
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插件,可以当鼠标悬停时,可以高亮表格中的整个列。
Sigma Grid(纯javascript开发的Ajax数据表格,
超级强大)
http://www.cnblogs.com/ly5201314/archive/2009/07/21/1528009.html
datatables
http://datatables.net/examples/index
Jquery动态表格插件 AppendGrid
http://appendgrid.apphb.com/
jQuery 的 Grid 插件 jquery.bsgrid
http://www.oschina.net/p/jquery-bsgrid
国人写的jquery.bsgrid,还不错
http://git.oschina.net/bs2004/jquery.bsgrid
jQuery 扩展插件 jQuery Grid Plugin
http://www.oschina.net/p/jquery-grid-plugin
jquery表格合并分组插件 jquery.gridgroup
http://www.oschina.net/p/jquery-gridgroup
PivotTable.js 是 JavaScript Pivo 表格 (又称为 Pivot网格,Pivot 图标,
交叉表) 库,在 jQuery/jQueryUI 上带有拖拽功能。
http://www.open-open.com/lib/view/open1398344224656.html
jQuery Tabledit 是用于 HTML 列表的
行内编辑器,且兼容 Bootstrap 。它可以在行内进行编辑,就像一个电子表格,或者是一个可以在编辑模式和视图模式进行转换的按钮。
http://www.oschina.net/p/tabledit
jQuery
头条固定插件 Freezeheader
http://www.oschina.net/p/freezeheader
对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
jQuery
分页插件 JqueryPagination
http://mricle.com/JqueryPagination/Demo
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/
菜单导航:
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/
jQuery导航插件 One-Page-Nav http://www.oschina.net/p/one-page-nav
各种下拉菜单 ,多级下拉菜单,向上展开菜单 左侧展开菜单 http://freejs.iteye.com/blog/2112430
上传下载:
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/
自定义checkbox和radio的样式 可以换肤 http://freejs.iteye.com/blog/2082027
jQuery下拉框插件 Combo Select
http://www.oschina.net/p/combo-select
Selectator 是一个基于 jQuery 的选择框替代。它支持搜索,并且能直接影响原始的选择框,而原始的选择框是用作数据容器。
http://www.oschina.net/p/selectator
推荐 15 个 jQuery 选择框插件
http://www.oschina.net/news/63891/15-jquery-selectbox-plugins
标准选择框替代品 Select Multiple
http://www.oschina.net/p/select-multiple
日期日历时间
一些日期控件收集: 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,文档:http://opensource.teamdf.com/calendar/docs/
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/
jQuery UI Datepicker插件timepicker时分秒 [url]http://free0007.iteye.com/blog/2080588 [/url]
jQuery 日历插件 Ion.Calendar
http://www.oschina.net/p/ion-calendar
Clndr.js 是一款使用 HTML 样本的 jQuery 日历插件。
http://www.oschina.net/p/clndr-js
画廊
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
满屏画廊:http://buildinternet.com/project/supersized/
幻灯片
jquery图片滚动特效banner http://www.17sucai.com/pins/demoshow/349
自动播放 http://bxslider.com/examples
在线编辑器:
KindEditor http://www.kindsoft.net/index.php
10 个免费的 jQuery 可视化编辑器插件 http://www.oschina.net/news/18329/10-free-jquery-rich-text-editors
滚动条
Scroller滚动条 http://www.benplum.com/formstone/scroller/
Perfect Scrollbar – 完美的 jQuery 滚动条插件 http://noraesae.github.io/perfect-scrollbar/
jScrollPane 滚动条插件 http://jscrollpane.kelvinluck.com/index.html#examples
jScroller2 滚动动画 http://jscroller2.markusbordihn.de/
杂项
equalize.js 均衡的高度或宽度的元素的jQuery插件 http://tsvensen.github.io/equalize.js/
jQuery的滚动路径,一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。http://joelb.me/scrollpath/
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
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/
jQuery MD5 加密插件及使用方法 http://www.veryhuo.com/a/view/14299.html
jquery生成pdf插件jsPDF http://www.iteye.com/topic/1134811
jQuery 插件 shCircleLoader载入插件 http://www.oschina.net/p/shcircleloader
jQuery货币格式化: http://www.jq22.com/jquery-info326, 例子: http://www.jq22.com/Demo326
时间格式化插件jquery-dateFormat http://ajia.github.io/blog/2013/06/07/shi-jian-ge-shi-hua-cha-jian-jquery-dateformat/
Midnight.js 可以让你随时切换固定的页面头部 http://www.oschina.net/p/midnight-js
colorpicke颜色选择器 http://demo.jb51.net/js/2012/ColorPicker/,如果要选择高版本的jquery,要修改源码$("#colorpanel")的z-index=1000000,$("#_cclose").live('click'...)成$("#_cclose").on('click'...)
jQuery 复选框和单选框插件 checkBo http://www.oschina.net/p/checkbo
网站使用教程框架 Intro.js http://www.oschina.net/p/intro-js
jQuery Autosize 根据输入内容自动调整文本框高度的Jquery插件 http://www.oschina.net/p/jquery-autosize
颜色随机生成脚本 randomColor
http://www.oschina.net/p/randomcolor
数据绑定Vue.js
http://www.oschina.net/news/62241/vue-js-0-11-10
网页
功能展示 Hopscotch
http://www.oschina.net/p/hopscotch
jQuery
评分插件 jStarbox
http://www.oschina.net/p/jstarbox
jQuery
打分插件 Starrr
http://www.oschina.net/p/starrr
layer是一款口碑极佳的web弹层组件
http://layer.layui.com/, 皮肤
http://layer.seaning.com/, 文档:
http://layer.layui.com/api.html
工具提示 jQuery 插件 jQuery.mousetip 轻量级 jQuery 插件,能够创建
随着鼠标移动或鼠标位置不同的提示项。显示图片信息
http://www.oschina.net/p/jquery.mousetip
Space.js – HTML 驱动的页面 3D 滚动效果
http://www.cnblogs.com/lhb25/p/html-driven-narrative-3d-scrolling.html
数字格式化Numeral.js
http://numeraljs.com/
货币格式化accounting.js
http://openexchangerates.github.io/accounting.js/
日期格式化 jquery-dateFormat.js
https://github.com/phstc/jquery-dateFormat
页面刷新动画 animated-page-transition
http://www.oschina.net/p/animated-page-transition
图标动态化库 iconate.js
http://www.oschina.net/p/iconate-js
jQuery.toTop 是一个轻量级的可定制的插件,它能
顺畅地滑到顶部。
http://www.oschina.net/p/jquery-totop
JavaScript
数字滚动库 ScrollerJS
http://www.oschina.net/p/scrollerjs
JavaScript
自动完成库 AutoJS
http://www.oschina.net/p/autojs
observejs 用于
观察任意对象的任意变化的类库,以轻巧、实用、强大而闻名
http://www.oschina.net/p/observejs
动态级联格 stackgrid.adem.js
http://www.oschina.net/p/stackgrid-adem-js
单页面滚动 :
http://codyhouse.co/demo/page-scroll-effects/scaledown.html
jQuery
缩短文本插件 Shorten
http://www.oschina.net/p/shorten