40个值得你关注的jQuery插件 -

shizisongsong

浏览: 39726 次

最近访客更多访客>>

bumou

xdkk

skycity20171221

青春依旧

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (27)

社区版块

存档分类

40个值得你关注的jQuery插件

jquery 框架 ui html opera

jQuery开发者社区应该是网站开发中最勤奋和活跃的社区之一了。他们源源不断的为我们提供免费而又实用的插件。我把最近搜集到的40个非常实用的插件分享给大家。

一、滚动插件

jQuery Waypoints

Waypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件，例如实现无翻页的内容浏览，或者固定某个元素不让滚动等等。支持主流浏览器版本。

screenshot

skrollr

视差滚动效果JavaScript类库-Skrollr，提供各种滚动特效可以500%提高开发效率的前端UI框架！

screenshot

二、文章表格

Handsontable

一个最简的类似 Excel 的 HTML 表格编辑解决方法。Handsontable是一个相当给力的 jQuery 插件，它实现了 HTML 页面中的表格编辑功能，并且是仿 Excel 的编辑效果。在 Excel 中可进行的操作，你几乎都可以在网页中做到，如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面，它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera。

screenshot

jQuery Sparklines

一个jQuery插件的可视化工具，jQuery Sparklines可以帮助用户在页面种生成静态或动态波谱图表效果。这个工具他形容三个特点为："凸现数据显示，设计简单，能提供文字大小图片"。兼容目前绝大多数流行的浏览器：Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7 & 8等。可以500%提高开发效率的前端UI框架！

screenshot

Teamwork Gantt

甘特图的jquery版本，对于一个免费软件来说非常好了。（本人也不知道什么是甘特图，求科普）

screenshot

DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：

自动分页处理
即时表格数据过滤可以500%提高开发效率的前端UI框架！
数据排序以及数据类型自动检测
自动处理列宽度
可通过CSS定制样式
支持隐藏列
易用
可扩展性和灵活性
国际化
动态创建表格
免费的

screenshot

arbor.js

Arbor.js 提供了高效的，力导向布局算法，图形组织抽象和屏幕重绘处理等功能，是一个基于jquery和Web多线程技术的可视化Javascript图形库。这个类库并不强制指定绘图方式，你可以在canvas, svg, 甚至指定的HTML标签上进行绘图。 Arbor.js让你把更多的精力放在图形数据和样式上，而不必浪费时间在物理数学算法上。

screenshot

三、布局插件

Wookmark jQuery Plugin

Wookmark jQuery plugin 是一个用来实现现在很流行的瀑布流的网页布局效果的 jQuery 插件。可以500%提高开发效率的前端UI框架！

screenshot

jQuery Masonry

jQuery Masonry是一个jQuery布局插件，它根据一个网格将元素先垂直后水平排列，尽量减少各种不同高度元素之间的垂直空白。

，看了下面这张对比图你就知道它的用途：

Isotope

Isotope绝对是一个令人难以置信的jQuery插件，你可以用它来创建动态和智能布局。你可以隐藏和显示与过滤项目，重新排序和整理甚至更多。同时Isotope还有许多很酷的动画。可以500%提高开发效率的前端UI框架！

screenshot

FitVids.JS

如果你需要你的视频能够自动适应网页的宽度,FitVids.js这个jquery插件可以帮助你

screenshot

gridster.js

gridster.js 是一个 jQuery 插件用来构建直观的可拖放的布局，支持多列布局，你还可以动态的添加和删除表格中的元素，非常好的插件。

screenshot

Freetile.js

Freetie来自于Assemblage 和 Assemblage Plus的内建布局引擎，设计灵感来自于Masonry，VGrid和Wookmark，但是和他们相比较，拥有以下独特的地方：

允许包含任何尺寸的元素，并且不要求一个固定的列宽度，因此你不需要指定列宽度来迎合你的元素大小
内建算法允许你很容易的自定义插入的位置，满足不同喜好的展示方式。例如，向左或者向右对齐，或者接近特定元素。
智能的动画方式能够很好的判断是否需要动画特效。例如，刚加入的元素和不可见的元素。可以500%提高开发效率的前端UI框架！
只要使用Assemblage 和 Assemblage Plus模板的网站都在使用它，所以说非常稳定。

screenshot

四、文字插件

jQuery TextExt Plugin

jQuery TextExt ，这个插件能够有效的帮助你快速添加标签，并且提供相关的强大的辅助功能，帮助你有效的输入，自动补齐提示及其提供AJAX支持。

screenshot

Jeditable

jeditable是一个jquery插件，它的优点是可以就地编辑，并且提交到服务器处理，是一个不可多得的就地编辑插件。(注：就地编辑，也有称即时编辑？一般的流程是这样的，当用户点击网页上的文字时，该文字就会出现在一个编辑框中，用户对文字进行修改完成后点击提交按钮，新的文本将发送到服务器上，然后表单消失，显示最新编辑的文本。

screenshot

FitText

FitText 是一个非常有趣的工具，它支持自动调整文本大小。

可以500%提高开发效率的前端UI框架！

screenshot

五、UI插件

jQuery Knob demo

如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话，那么jQuery knob肯定是一个不错的选择。它使用canvas帮助我们生成超酷的旋钮特效，你可以使用插件选项或者HTML5的data属性来自定义设置插件属性，方便简捷并且优雅。

screenshot

noty – A jQuery Notification Plugin

一款jQuery的消息提示插件。使用它能够帮助我们快速创建，警告，提示和错误信息框。大家肯定都使用过缺省的alert（‘..’）代码吧，使用Nody能够创建出漂亮功能更强大的消息提示。

screenshot

PageSlide

它可以控制一个隐藏页面的显示和关闭。具体来说，就是当前页占一个完整页面，隐藏页是看不到的，你设置一个控制的地方，点击该控制时触发事件，隐藏的页面就弹出来。再次点击隐藏页面以外的空间，它就又关闭。

这适合在有限的空间里，在主页里放重要内容，而隐藏页放一些并不一定要显示，而是有需要的用户才去展开显示的内容。可以500%提高开发效率的前端UI框架！

screenshot

jQuery Collapse

jQuery Collapse 是一个轻量级的 jQuery 插件用以对元素进行展开和收起的功能，支持 Cookie 进行状态保存。

screenshot

Avgrund

Avgrund 是一个 jQuery 用来显示模态弹窗的插件，支持包括 IE6 在内的流行浏览器，要求 jQuery 1.4+ ，文件很小，只有 2kb。

screenshot

jQuery One Page Navigation

单页面设计最近越来越流行了，使用单页面的网站简单优雅并且易于维护，你不需要修改很多文件来做日常维护，而且使用超酷的动态滚动方式来展示你的个人网站或者公司网站，的确是一个非常不错的选择，今天这里我们介绍给大家一款非常不错的单页面滚动式导航jQuery插件 - jQuery one page nav，希望大家能够应用到自己的网站设计和开发中。可以500%提高开发效率的前端UI框架！

screenshot