Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展。在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力。

关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性——除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间。

通过浏览文档,掌握JQuery的语法是很容易的。它可以支持选择DOM元素,创建动画,处理事件,开发Ajax应用,甚至还为开发者提供了基于JavaScript类库之上创建插件的能力。

jQuery架构的开发人员能够创建一个插件代码来扩展其功能,从而能够产生一些最好的插件,让你的网站或任何给定的项目达到一个全新的水平。

在这篇文章中,我们已经积累了一些供你挑选的最佳JQuery插件,这些插件提供了各种的功能和特性能够让你的网页呈现许多可想象到的效果。我们希望你能够在下面的列表中找到你正在寻找的插件。

在下面的评论区域让我们知道哪些插件你以前使用过或者你正在考虑在将来的项目或网站中使用哪些插件。
1. FlickerPlate

Flickerplate是一个可以让你弹出内容的易用jQuery插件。它也依赖Modernizr来进行触碰检测和在触碰事件使用jQuery.Finger库。Flickerplate通过很多种方式配置。你可以通过Javascript调用来设置选项。或者你可以通过在实际的元素上通过data属性设置选项。

2. Tagging JS

TaggingJS 是一个用来创建高度可定制的前端标签系统的jQuery插件。它小于3 kb并且支持世界上大部分浏览器。它基于MIT 许可。

3. Scroll Magic

ScrollMagic 是一个神奇滚动交互的jQuery插件,ScrollMagic 允许你像进度条一样使用滚动条。如果你想在指定滚动位置启动一个动画,保持和滚动条运动同步动画,并固定一个元素到指定滚动位置(黏性元素),这就是为你而设的插件。

32. jPages : JavaScript Powered Pagination

jPages 是一个客户端分页脚本(一个jQuery插件),具有像键盘+滚动导航,自动换页,延迟展示和一个可自定义的导航面板的特性。分页元素的任意页数能够插入到相同的页面,并且能够轻易定位。
5. PNotify

PNotify 是一个由SciActive 开发的 JavaScript的通知插件,曾用名Pines Notify。它的设计理念是提供一个极度灵活而又非常容易实现和使用。它可以提供非阻塞的通知。允许用户在不关闭它的情况下点击通知后面的元素。PNotify 使用了Bootstrap 和 jQuery UI来定义样式,这意味着可以非常容易的对它进行自定义主题样式。

6. Wholly

Wholly 是一个jQuery的插件用来触发表格列上的mouseenter 和 mouseleave事件。Wholly 用来高亮整个表格列,并且支持表格的colspan和rowspan属性。如果你想要支持colspan和rowspan属性,那么首先你需要构建表格单元格的索引(cell index)。之后,你需要追踪表格所有单元格的事件,找出你感兴趣的,并计算出它们在矩阵中的offset以及共享同一个垂直索引(vertical index)的列。Wholly在设定特定样式方面是没有任何限制的。

**7. MixitUp
**

MixItUp 是一个jQuery插件,提供动画过滤和排序。在管理容易归类或者像文件夹一样的有序内容和博客时非常不错,但是也能作为一个吸引人的应用UI和数据可视化的一个强大的工具起作用。

8. Velocity.js

Velocity是一个jQuery插件,它重新实现了$.animate() 同时包括改善动画流程的新特性 (使得 Velocity也比CSS动画库更快) ,用来产生性能显著的动画。

9. rowGrid

rowGrid.js是一个小的,轻量级(gzip后大约700 比特)的 jQuery插件,用来在径直的行里放置图片 (或者其他内容项)。网格类似Google图片搜索,flickr,shutterstock 和Google+ 图片的网格。 rowGrid.js 是响应式的,它允许用户无限滑动。所有的内容项拥有相同的高度,但宽度是可变的。

10. Croppic

Croppic 是一个图片裁切jquery插件。它能提供满足你的需求外更多的功能。 简单上传一张图片,然后你能够按照你喜欢的放大缩小的实际情况来裁剪图片。它需在IE 10+, chrome,和firefox才能正常工作。它使用FormData所以现在不支持IE9和之前的版本。

11. ImageLightbox.js

ImageLightbox.js是一个难以置信简单,响应式,触碰友好灯箱效果的脚本。它是由可扩展的,可配置的,极简化的(瘦身后只有4kb),并且使用CSS变形和转换来移动图片。

12. jQuery Tip Cards

Tip Cards 插件允许你创建你在Google Tips页面看到的使用类似卡片交互的cards布局。有几种新的动画选项,所以你可以按你喜欢的进行人性化定制。你可以在模态窗口打开或者关闭的时候,使用回调方法来进行操作。已在像Chrome,Firefox和Safari的桌面现代浏览器测试过。

13. Floatlable.js

在Brad Frost写一篇关于浮动标签模式的博客文章后,浮动标签模式取得了成功。这想法是基于Matt D Smith 的 Dribbble Shot。这种模式很容易解释。在用户使用一个输入字段交互时,placeholder的值向上移,并在类型文本上面显示。

14. Nanogallery

nanoGallery对jQuery来说很容易实现图片画册插件。它具有很多特性:支持触碰,响应式,快速和支持云储存。 相册多级导航,灯箱效果,许多缩略图的hover效果,滑动展示,全屏,分页,图片延迟加载,主题,兼容bootstrap,可定制,可从Flickr/Picasa/Google+拉取照片等等。

15. jQuery Panorma Viewer

jQuery Panoram Viewer 帮助你在网站内嵌Panorama图片。使用这个插件,你能够在你的网站显示你的Panorama图片。为了做到这些,首先你不得不在你的文档中包含最新的JQuery库和jquery.panorama_viewer.js以及panorama_viewer.css,然后在HTML上给你的图片增加"panorama"类。现代浏览器例如Chrome,Firefox和Safari的桌面和移动版本都已经测试通过。

16. SVG Magic

SVGMagic是一个跨浏览器的兼容JQuery插件,它搜索你网站上的SVG图片,如果浏览器不支持SVG,自动的创建PNG版本。它是简单的,单一目的的插件,不需要配置。

50 个 jQuery 插件可将你的网站带到另外一个高度 【已翻译100%】相关推荐

  1. 50个jQuery插件可将你的网站带到另一个高度

    Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好 ...

  2. 40个新鲜的 jQuery 插件,使您的网站用户友好

    作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,这篇文章特别收集了40个新鲜的 ...

  3. Web 开发最有用的50款 jQuery 插件集锦——《图片特效篇》

    http://www.cnblogs.com/lhb25/p/50-jquery-plugins-f.html http://www.cnblogs.com/lhb25/p/must-read-lin ...

  4. 分享13个帮助你简化开发的jQuery插件

    为什么80%的码农都做不了架构师?>>>    日期:2012-7-23  来源:GBin1.com jQuery的社区力量的重要体现就是jQuery插件,我们每隔一段时间就会在jQ ...

  5. jQuery:收集一些基于jQuery框架开发的控件/jquery插件2

    Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...

  6. jquery插件封装指南

    入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称: jQuery.fn.myPlugin = function(){//你自己的插 ...

  7. VG SketchPad编辑器——可嵌入的jQuery插件

    目录 背景 使用代码 支持的工具 兴趣点 Base64编码 SVG加载/兼容性 SketchPad/图像编辑器的简短(不到500行)jQuery插件实现. 下载 svg.zip - 8.7 KB 背景 ...

  8. 1000个JQuery插件(转载)

    超强1000个jquery极品插件!(转) 花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. ++++++++++++++++++++++ ...

  9. 网站开发中很实用的 HTML5 jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

  10. 多级弹出菜单jQuery插件ZoneMenu

    ZoneMenu是一个菜单jQuery插件,只需占用页面上的一个小区域,却可以实现多级菜单. 在线体验:http://keleyi.com/jq/zonemenu/ 点击这里下载 完整HTML文件代码 ...

最新文章

  1. Gradle 设置 本地maven仓库及发布mavenLocal()路径的方法
  2. 对比kCCPositionTypeFree和kCCPositionTypeRelative两种粒子移动类型
  3. nginx+asp.net mvc的配置
  4. P1850-换教室【数学期望,dp,Floyd】
  5. 第一章 软件项目管理概述
  6. STM32工作笔记0056---认识DB9接口
  7. Linux内核之capabilities能力
  8. dcdc低压升压直流稳压高压负电压输出12v24v转-50V100V110V150V200V250V300V350V400V500V
  9. c语言错误c2059 void,c2059(c语言错误代码c2059)
  10. java简单实现在线资源多线程下载,断点续存,限制最大正在下载数
  11. Linux 修改虚拟机IP地址
  12. 【Python】——Excel
  13. 定制linux版本,定制属于自己的Linux操作系统
  14. 麻省理工学院公开课:计算机科学及编程导论习题2
  15. java调用tshark_libtshark-core
  16. 使用shell脚本监控程序的运行和停止
  17. 11选5经典技巧 收集的
  18. arm-linux开发板相关软件的使用
  19. 军用计算机领存技术,领存发布16核飞腾6U OpenVPX一键自毁功能军用异构并行计算机...
  20. ANSYS DesignXplorer优化设计与可靠性专题视频教程

热门文章

  1. 讲座资源:ASP.NET AJAX 体验
  2. JNI 概述 (翻译)
  3. OpenCV学习笔记】二十七、轮廓特征属性及应用(四)——正外接矩形
  4. 【Prison Break】第二天(3.28)
  5. 图灵专栏微信小程序上线
  6. 智能优化算法:被囊群算法-附代码
  7. Arcgis 如何将大量数据转换成csv导出
  8. Error while executing: am start -n错误解决方案
  9. php i方法和get的区别,浅析PHP中的i++与++i的区别及效率
  10. 日记20211028