`
shizisongsong
  • 浏览: 39397 次
文章分类
社区版块
存档分类
最新评论

40个值得你关注的jQuery插件

阅读更多

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

 

0
0
分享到:
评论

相关推荐

    简单易用的jQuery音乐播放器插件

    接下来,我们关注这款“简单易用的jQuery音乐播放器插件”。这个插件的设计目标是为开发者提供一个易于理解和集成的工具,使得即使是对JavaScript不甚熟悉的用户也能快速搭建音乐播放功能。插件的代码结构清晰,注释...

    jQuery基于gridster.js可拖动网格布局插件.zip

    二次开发时,你可以根据需求调整这些设置,或者扩展插件功能,比如添加自定义的动画效果,或者与其他jQuery插件结合使用。 总的来说,`jQuery基于gridster.js可拖动网格布局插件.zip`提供了一个强大的工具,帮助...

    汉字转拼音的jQuery插件

    本主题关注的是一个特定的jQuery插件,即“汉字转拼音”插件。这个插件允许开发者将汉字转换为它们对应的汉语拼音,这对于多种应用场景非常有用,比如搜索引擎优化(SEO)、语音合成或者对非中文用户友好的界面。 ...

    鼠标双击或触摸双击事件检测jQuery插件

    "鼠标双击或触摸双击事件检测jQuery插件",如jQuery-doubleTap,正是为了满足这一需求而诞生的。这款插件允许开发者在网页应用中轻松实现对鼠标双击和移动设备触摸屏双击事件的监听和处理,从而为用户提供更加直观和...

    jquery select插件.zip

    为了解决这一问题,jQuery 插件应运而生,其中,“jQuery Select插件”便是这样一个旨在优化下拉选择框视觉效果和交互性的工具。 “jQuery Select插件”是一个专门为jQuery设计的组件,它的主要功能是模拟一个具有...

    EDITPLUS 自动完成插件 (JS 含jQuery API)

    在这个上下文中,我们关注的是EDITPLUS的自动完成插件,特别是针对JavaScript和jQuery API的增强。 JavaScript是一种广泛用于网页开发的脚本语言,它允许动态交互和功能丰富的网页设计。jQuery是一个流行的...

    jQuery-ComboSelect插件

    jQuery-ComboSelect是一款基于jQuery库的插件,用于增强HTML中的下拉选择框功能,它提供了多选、搜索过滤、自定义样式等特性,使得在...对于那些需要处理复杂下拉选择场景的开发者而言,它无疑是一个值得考虑的工具。

    15个值得开发人员关注的jQuery开发技巧和心得

    ### 15个值得开发人员关注的jQuery开发技巧和心得 #### 技巧1:使用特定版本的jQuery 在项目中包含jQuery时,确保你正在使用的版本与项目的其他部分兼容至关重要。为此,你可以指定要加载的确切版本。这样做可以...

    jCountdown倒计时插件jQuery.zip

    jCountdown就是这样一个专门用于实现倒计时效果的jQuery插件,它提供了丰富的样式和功能,使得开发者能够轻松地在网页上创建出引人注目的倒计时效果。 jCountdown插件基于强大的JavaScript库jQuery构建,这使得它...

    jQuery和css3音量调节旋钮插件

    **jQuery和CSS3音量调节旋钮插件详解** 在网页开发中,用户交互体验是至关重要的,而音量调节旋钮作为一个常见的交互元素,能够为音频...对于想要提高网页交互性的开发者来说,这款插件是一个值得学习和借鉴的实例。

    jQuery弹出层插件gallery

    **jQuery弹出层插件Gallery详解** 在网页设计和开发中,jQuery库因其简洁的语法和丰富的功能而广受欢迎。...如果你正在寻找一个高效的图片弹出层解决方案,jQuery Gallery无疑是一个值得考虑的选择。

    jquery.toggle-password显示密码插件

    在使用过程中,需要注意的是,虽然jQuery Toggle Password插件提供了便捷的密码显示切换功能,但安全问题仍然需要开发者关注。即使在明文状态下显示密码,也应确保在提交前对密码进行加密处理,避免数据在网络传输...

    jQuery动画弹出效果对话框插件gDialog.zip

    在本案例中,我们关注的是一个名为“gDialog”的jQuery插件,它用于创建动画弹出效果的对话框。这个插件使得在网页中添加交互式提示、警告或信息窗口变得更加便捷。 首先,让我们来理解jQuery动画的基础。jQuery...

    jQuery三种不同的响应式幻灯片插件

    除了EasyFader,还有其他两种类型的jQuery响应式幻灯片插件值得了解。一种可能是基于CSS3动画的插件,这类插件利用硬件加速来实现平滑过渡效果,同时保持较低的CPU占用。它们通常支持自定义过渡效果,如淡入淡出、...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    首先,我们来看看标题中的"jquery-3.4.1_jquery_3.4.1.js",这表明我们关注的是jQuery库的3.4.1版本,这是一个稳定且广泛使用的版本。"jquery-3.4.1.js"是jQuery的核心库文件,包含了所有jQuery的功能,开发者可以...

    表格排序插件jquery.tableSort.js

    今天我们将深入探讨的是一个专门用于表格排序的jQuery插件——jquery.tableSort.js。 一、jquery.tableSort.js简介 jquery.tableSort.js是一款轻量级的表格排序插件,它能够方便地为HTML表格添加排序功能。用户只...

    轻巧的jQuery提示框插件.zip

    《轻巧的jQuery提示框插件深度解析》 在网页开发中,提示框是一种不可或缺的交互元素,用于向用户展示信息、警告或确认操作。...无论你是初学者还是经验丰富的开发者,这款插件都是值得尝试和学习的优秀工具。

    jQuery进度条插件circleChartjs.zip

    本主题关注的是一个基于jQuery的特定插件——circleChart.js,这是一款用于创建美观、动态的圆形百分比进度条的工具。在网页设计中,这种插件能够直观地展示数据或进度,提升用户体验,尤其适用于统计图表、仪表盘或...

    jQuery Metro Tooltip插件.zip

    结合其他jQuery插件和前端框架,如Bootstrap或AngularJS,可以构建出功能强大且用户体验优良的Web应用程序。 总之,jQuery Metro Tooltip插件是提高网页交互性和视觉吸引力的一个实用工具,它简化了创建提示信息的...

    jquery splitter 动态分割区域布局,支持动态拖拉,功能强大,简单易用

    总的来说,jQuery Splitter是一个功能强大且易于使用的布局工具,它简化了复杂的页面布局工作,让开发者可以专注于内容和交互的设计,而不必过于关注底层的实现细节。在构建可定制和互动性强的Web应用时,它无疑是一...

Global site tag (gtag.js) - Google Analytics