设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 技术文摘 查看内容

2014年12月最棒的20个jQuery插件

2014-12-11 11:38| 发布者: joejoe0332| 查看: 2397| 评论: 0|原作者: ifeixiang|来自: oschina

摘要: 不管是为你们的站点图片创造Lazy效果,还是为响应式设计添加自适应图片,或者是漂亮的Lightbox,还是优雅的倒计时,我们都为你们的需求提供了一些方案。使用Jquery插件几乎能为开发者简化每一样任务,还可以帮助他们 ...

  圣诞节快要来啦,但是呢,各个社区的同学们还在努力工作,他们想尽他们最大的努力把一些很cool的程序和插件传递给我们的开发者和设计师们。对于CodeGeekz的粉丝来说,我们又回来啦,并且,我们又带来了一些最近很有用的 jQuery 插件。我们精心准备了一个好用的 jQuery 插件的列表,希望能帮开发者们,设计师们优化,美化他们的网站和Web程序。


  不管是为你们的站点图片创造Lazy效果,还是为响应式设计添加自适应图片,或者是漂亮的Lightbox,还是优雅的倒计时,我们都为你们的需求提供了一些方案。使用Jquery插件几乎能为开发者简化每一样任务,还可以帮助他们学习和改进他们的站点。


  如果你对下面的插件列表有一点熟悉,那么请和大家分享一下你的心得,或者,如果你还知道哪些好的插件我们没有包含在列表中的,请你在下面的评论模块中分享给我们。


1. Structured Filter

structured filter
structured-filter 是一个通用的Web UI来建立结构化或者过滤性的查询。使用它,你可以写出像“Contacts where Firstname starts with ‘A’ and Birthday after 1/1/1980 and State in (CA, NY, FL)”这样结构化的查询。它是一个JQuery UI插件,支持各种各样的配置和主题。


2. LazyFade.js

lazyfadejs
lazyFade.js 是一个使用整行元素产生fade(淡入淡出)效果的Jquery插件。每个元素淡出后,下一个元素会有轻微的延时,这样使整个过渡显示非常自然。


3. HiSRC

hisrc
HiSRC 是一个为响应式Web设计里自适应图片处理的JQuery插件。它利用了IMG上的LOWSRC属性, 这个属性会先渲染一张小图,然后再显示大图。然而,如果HiSRC插件检测到高速网络或者高分辨率,它会自动替换成高分辨率的图片。


4. Bootstrap SubMenu

bootstrapmenu
Bootstrap Sub-Menu 是一个为Bootstrap导航栏,下拉列表,上拉列表和pills创建sub-menus的插件。


5. Bootstrap Calendar

boostrap calendar
Bootstrap Calendar 是一个基于Bootstrap模板的全视图日历,包含年,月,星期,日视图。




6. Anchor.js

anchorjs
anchor.js 是一个很小,但是非常有用的JQuery插件,它为所有本区域的链接提供了动画效果,可以平滑地跳转到页面中任何元素。


7. ClassyCountdown

classycountdown
ClassyCountdown 使你可以更简单地创建一个圆形的倒计时器。它包含12个可修改的主题,而且是完全可以定制的。它使用HTML5 canvas来渲染圆形。


8. LightCase

lightcase
Lightcase 是一个使用Jquery创造的灵活的,响应式的,可扩展的lightbox插件。可正常工作在所有主流的浏览器,像 Internet Explorer 7+, Firefox, Opera, Webkit 等。它支付图片,视频,HTML5 视频, iframe, swf 和 ajax 调用。


9. Justified.js

justifiedjs
Justified.js 是一个用来为已有图片创建自适应的图片网格的JQuery插件。充满所有地方!这样,实际上创造了一个包含不同尺寸图片的优雅画册,同一行的所有图片都有同样的高度。


10. ClassyPaypal

classypaypal
ClassyPaypal 允许你快速添加漂亮的PayPal支付按钮到你的站点,来进行即时和安全的支付。


11. jQuery.dragmove

jQuerydragmove
jQuery.dragmove 是一个轻量级的JQuery插件。它使Dom节点可以在没有JQueryUI库的情况下被拖拽。它兼容可触摸设备,还有标准的电脑鼠标。


12. jQuery Easy Ticker

jquery easy ticker
jQuery Easy Ticker 新闻轮播插件,支持列表无限循环播放。它具有高度可定制性,功能灵活,还有就是在所有浏览器都能正常工作。




13. Gridstack

gridstackjs
Gridstack.js 是一个为控件布局而生的jQuery插件。它是一个可以拖动的多列网格。它使你可以创建一个友好的可拖拽的,响应式的Bootstrap3的布局. 它还和knockout.js工作得很好。


14. Hashtegny

Hashtegny
Hashtegny 是一个来自不同社交网络的聚合标签插件,像Twitter, Instagram,GooglePlus。帖子被赋予很独特的,超吸引人的动画。


15. Before and After

before and after
Before and After 是一个为原始图片添加一层覆盖物作为 after版本的JQuery插件。它提供了一个可手拖拽的操作栏,让用户决定要看图片的多少部分。“before” 和 “after”两个slides不仅可以包含图片,还可以是HTML,例如标题。


16. ScalableLightbox

ScalableLightbox
ScalableLightbox 是一个打造优美,简约,响应式的Lightbox型JQuery插件。它的主要特点是提供了一个缩略图预览,还有一个Lightbox模块来显示高分辨率的图片。这一切都是响应式的。


17. Purlplecoat.js

purplecoatjs
Purplecoat.js 是一个可以通过点击事件触发的创建标签层的插件。而且!你不需要写一句Javascript代码。


18. jQuery.Imageview

jqueryimageview
jQuery.imageView 是一个使图片可放大查看的JQuery插件。


19. Chocolat

chocolat
Chocolat 是一个强大易用的响应式的jQuery lightbox插件。


20. jQuery Awesome Cursor

jquery awesome cursor
Awesome Cursor 是一个使用FontAwesomeicons作为自定义光标的JQuery插件。在Chrome and FireFox工作正常。


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部