切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年06月24日

20个响应式jq插件

本文就“20个响应式jq插件”展开讨论，作者切版网，发布于2017年06月24日 全文共1373个字，预计阅读时长4分34秒。

我们现在基本接触的每个前端项目，都有做响应式的需求，这不仅仅导致的难度的增加，如何高成本、高效率的进行响应式又涉及到一些技巧，没错，好的jq插件我们就要用。本文将例举最流行的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“旋转木马”插件，其尺寸能够自适应移动设备的屏幕。

10. ImageloaderJS

该插件可以预加载网站中的所有图片，从而提升网站整体加载速度。对于图片库类的网站，强烈推荐使用。

11. Magnific Popup

Magnific Popup为一款免费的响应式jQuery Lightbox插件，专注于性能和为使用不同设备的用户提供最好的体验。

12. Tiny Circleslider

Tiny Circleslider是一个轻量级的环形滑块/旋转木马jQuery插件。

13. jQuery Map Marker

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

14.Camera

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

15. Responsive Touch-Friendly Audio Player

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

16. Huge on Facebook

该插件用来高亮显示正在产生对话的网站链接。

17. jQuery Spellchecker

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

18. Any List Scroller

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

19. jQuery Stripe

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

20. jQuery Liquid Carousel Plugin

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

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。