20款响应式jQuery插件

摘要：jQuery是开发者的福音，利用它可开发出各种功能的插件。这些插件可帮助开发者定制更复杂的动画效果。据统计，具有最高访问量的10000家网站中，65%会用到jQuery插件。本文将例举最流行的20款响应式jQuery插件。

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可以向任何滚动元素增加视差滚动效果。

4. Perfect-Scrollbar 

该插件可将标准的滚动条转变成时尚、光亮的滚动条。你可以根据需要修改滚动条的颜色。

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插件，专注于性能和为使用不同设备的用户提供最好的体验。

12. Tiny Circleslider 

Tiny Circleslider是一个轻量级的环形滑块/旋转木马jQuery插件。它支持iPhone、iPad 和 Android 。可以设置一个间隔时间自动循环。当每一次移动，都会触发一个回调。它易于定制，而且只有130行代码。

13. jQuery Map Marker

利用Google Map API V3，在地图上增加多个标识物，将变得很简单。当你有一系列数据，需要同时显示在地图中，可以利用该插件。

14.Camera 

这是一款非常酷的幻灯片播放插件，可为网站提供各种不同的过渡效果。

15. Responsive Touch-Friendly Audio Player 

该插件可以将小型音频播放器整合入网站中，用户可以在线听音乐。

16. Huge on Facebook 

该插件用来高亮显示正在产生对话的网站链接。与Google分析类似，该插件可被看作“Facebook分析”。两者间的唯一不同是，Huge on Facebook将分析结果展示给所有的网站用户，而不是仅仅提供给管理员。

17. jQuery Spellchecker 

jQuery Spellchecker为一款轻量级插件，用来检查表单、DOM树中的文本输入。对一些内容的创作者十分有用。

18. Any List Scroller 

 Any List Scroller插件能够根据任何内容、任何尺寸、任何列表产生可滚动效果。

19. jQuery Stripe 

jQuery Stripe插件可以创建出十分酷的叠加式的画廊展现效果。

20. jQuery Liquid Carousel Plugin 

该插件主要用于响应式设计。该插件的容器每次会重新计算尺寸，列表中的项目数会根据容器的新宽度重新设定。

原文来自：designpotato.com