- A+
jQuery是开发者的福音。2006年8月jQuery发布之前,Web开发者经历着痛苦的开发过程。从简单的菜单栏到复杂的内容滚动条,所有的功能都需要开发者亲自开发,且花费比现在更多的时间。经历过没有jQuery时代的Web开发人员可以深刻地了解jQuery的价值。利用它可开发出各种功能的插件是该JavaScript库最大价值之一。这些插件可以帮助开发者定制更复杂的动画效果,及其他抽象效果。据统计,具有最高访问量的10000家网站中,65%会用到jQuery插件。本文将例举最流行的20款响应式jQuery插件,开发者可以从中挑选出最选合你网站的一款。
1. LetteringJS
Lettering.js是一款漂亮的jQuery排版插件。它取代了传统的排版方法,包括网站中的排版字体。
2. TypeaheadJS
与Google相仿,利用该插件,可以在你网站中增加搜索框,帮用户搜索出他们期望查询的内容。Typeahead.js由Twitter开发。
3. StellarJS
Stellar.js可以向任何滚动元素增加视差滚动效果。
该插件可将标准的滚动条转变成时尚、光亮的滚动条。你可以根据需要修改滚动条的颜色。
5. DropZoneJS
DropzoneJS为开源库,提供拖拽文件上传功能,并伴有图片预览效果。
6. FitText
FittextJS在显示屏上显示大号文字方面做得十分成功,它支持自动调整文本大小功能。在FittextJS推出之前,Web设计者常用图片来显示大号文字,它无法实现不同尺寸屏幕间的响应式显示。该插件很好的解决了该响应式问题。
7. Swipe.js
Swipe为一款完美的响应式幻灯片,适合于在网站头部下面显示全屏宽度的幻灯片。
8. FlexNav
FlexNav可能是制作响应式菜单最完美的jQuery插件。易于创建,易于个性化是它主要的特性。
9. Flexisel
Flexisel是一个jQuery“旋转木马”插件,其尺寸能够自适应移动设备的屏幕。它还可以设置是否自动播放,定义动画速度和鼠标移过暂停。Flexisel标准布局能够自适应不同的屏幕尺寸,但同时,该插件提供了一个选项,以自定义“可见项数目的”屏幕尺寸优选为用户提供了一个很好的经验。
10. ImageloaderJS
网站设计者往往忽略预加载图片的影响。该插件可以预加载网站中的所有图片,从而提升网站整体加载速度。对于图片库类的网站,强烈推荐使用。
11. Magnific Popup
Magnific Popup为一款免费的响应式jQuery Lightbox插件,专注于性能和为使用不同设备的用户提供最好的体验。
Tiny Circleslider是一个轻量级的环形滑块/旋转木马jQuery插件。它支持iPhone、iPad 和 Android 。可以设置一个间隔时间自动循环。当每一次移动,都会触发一个回调。它易于定制,而且只有130行代码。
利用Google Map API V3,在地图上增加多个标识物,将变得很简单。当你有一系列数据,需要同时显示在地图中,可以利用该插件。
14.Camera
这是一款非常酷的幻灯片播放插件,可为网站提供各种不同的过渡效果。
15. Responsive Touch-Friendly Audio Player
该插件可以将小型音频播放器整合入网站中,用户可以在线听音乐。
16. Huge on Facebook
该插件用来高亮显示正在产生对话的网站链接。与Google分析类似,该插件可被看作“Facebook分析”。两者间的唯一不同是,Huge on Facebook将分析结果展示给所有的网站用户,而不是仅仅提供给管理员。
jQuery Spellchecker为一款轻量级插件,用来检查表单、DOM树中的文本输入。对一些内容的创作者十分有用。
Any List Scroller插件能够根据任何内容、任何尺寸、任何列表产生可滚动效果。
19. jQuery Stripe
jQuery Stripe插件可以创建出十分酷的叠加式的画廊展现效果。
20. jQuery Liquid Carousel Plugin
该插件主要用于响应式设计。该插件的容器每次会重新计算尺寸,列表中的项目数会根据容器的新宽度重新设定。
原文来自:designpotato.com