订阅软件研发RSS CSDN首页> 软件研发

推荐给开发者的20款响应式jQuery插件

发表于2013-07-22 16:16| 次阅读| 来源Design Potato| 0 条评论| 作者Asil Naqvi

摘要: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

0
0