14款提升你网站水平的 jQuery 插件推荐

简介:
+关注继续查看

jQuery是一个优秀JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今,有很多现成的jQuery插件可供选择,帮助你在网站中加入惊人的功能和效果。看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。


01、lsotope

http://isotope.metafizzy.co/index.html

688b606713f0200bb662c3354366d8eefecb0dcf

Isotope 是一款精致的 jQuery插件,用于创建单纯用 CSS 无法实现的智能的、动态的布局,非常强大。 


02、lettering

http://letteringjs.com/

8191e8220fe7986ac2b6b060cbefcff1c46380b9

Lettering 是一款用于实现激进的网页排版的 jQuery 插件,可以帮助你在网站中加入丰富多彩的文字效果。


03、jQuery.spritely

http://www.spritely.net/

272072f6b7bab55b154bd38b4de45a6130283389

jQuery.spritely 是一款简单、轻量的 jQuery 插件,用来创建创建动态角色和背景动画,效果非常酷,赶紧点击看示例吧。 


04、Waypoints

http://imakewebthings.github.com/jquery-waypoints/

19fecf23dd1e858a57f314566a9c05abb62d7848

Waypoints 可以帮助你很容易的实现滚动到某个元素的时候执行某项功能,根据用户拖动滚动条的位置来实现特定的布局模式。


05、HTML5 Grayscale Image Hover

http://webdesignerwall.com/tutorials/html5-grayscale-image-hover/

05a74b108ab9b4848d5b6cc2bcb8a1037cf13ae0

借助 jQuery 和 HTML5 canvas ,图像可以很容易动态转变为灰度模式而不需要使用图像编辑软件。 


06、jQuery Masonry

http://desandro.com/resources/jquery-masonry/

ed35654475ad0024ebc2318315f5f5d8a4b7c479

Masonry 是一款 jQuery 布局插件,可以实现类似在墙上堆砌石头一样的布局效果。 


07、Quicksand

http://razorjack.net/quicksand/

7b3a6a5c5d4767cfea15c8b9dbabac23b53a6a8b

Quicksand 是一款非常实用的 jQuery 插件,让你可以以圆滑流畅的方式实现项目的过滤和重新排序。


08、jDigiClock

http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/

e4b57622644b1063f96d477e811059db80fa61f5

jDigiClock 是一款实现漂亮的时钟效果的 jQuery 插件,有很多选项可以用来定制时钟的行为和外观。 


09、Aga

http://plugins.jquery.com/project/Aga

7b0f0c62a2034d9b2bd3f400ffcac61773a3ee59

Aga 是一款简单、易用、全定制的手风琴效果插件,有水平和垂直两种方式。


10、Easy Image Zoom

http://cssglobe.com/post/9711/jquery-plugin-easy-image-zoom

c86e6ba539369d1357aa49153355bc0f7bdf3148

Easy Image Zoom 是一款轻量的图像缩放插件,定制方便,非常适合用于产品图片浏览的场景。


11、Contained Sticky Scroll

http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/

14057717a9ea9631ff827bba16030889986ff29a

这款插件可以帮你实现创建一个“粘”在窗口顶部的元素,但是不会移除它的父元素之外。


12、Supersized! jQuery plugin

http://buildinternet.com/project/supersized/

a276233db0a31b5e938fbe95cfe001b85d79098f

一款全屏幻灯片插件,支持从 flickr 读取图片。 


13、gMap port for V3 Google Maps API

http://www.smashinglabs.pl/gmap-intro

9a265f02daa40e7880dbb7ef39f7e9dd6ab9b64e


gMap 是一款帮助你在网站中嵌入谷歌地图,使用非常灵活的轻量 jQuery 插件。


14、Quicktag

http://iplantideas.com/quicktag/

c55b323f8e4d02a8a2b51fe564070097c9f2ce49

Quicktag 是一款标签插件,可以帮助你非常容易的实现插件新增和删除功能。


原文发布时间:2016年04月28日

作者:Mark Gargarian

本文来源:WEBEXPEDITION 如需转载请联系原作者

目录
相关文章
|
1月前
|
JavaScript
写jquery插件的思路
写jquery插件的思路
20 0
|
1月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
26 0
|
4月前
|
JavaScript 前端开发 开发者
解决Vue项目中使用原生/jquery插件无法获取DOM的问题
解决Vue项目中使用原生/jquery插件无法获取DOM的问题记录。
154 1
|
5月前
|
存储 JSON JavaScript
JQuery Ztree 树插件配置与应用小结 2
JQuery Ztree 树插件配置与应用小结
53 0
|
5月前
|
JSON JavaScript 前端开发
JQuery Ztree 树插件配置与应用小结 1
JQuery Ztree 树插件配置与应用小结
70 0
|
7月前
|
前端开发 JavaScript
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
|
8月前
|
JavaScript
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
79 0
|
9月前
|
前端开发 JavaScript 测试技术
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
121 0
【jquery Ajax】接口的学习与Postcode插件的使用
|
9月前
|
JavaScript
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
170 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
|
10月前
|
存储 NoSQL JavaScript
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
176 0
相关产品
云迁移中心
推荐文章
更多