14款提升你网站水平的 jQuery 插件推荐-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

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 如需转载请联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: