您的位置:首页> 日志> 前端技术 正文

 

响应式设计(responsive design)在近些年是非常流行的web设计,能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容,大大的提高了用户的使用体验和web设计的要求,作为最为流行的jQuery来说,也提供了很多现成的插件帮助你实现响应式设计,在今天的这套插件推荐中,我们将推荐给大家20个不错的响应式设计常用插件,希望大家喜欢!
 

jQuery Masonry — A layout plugin for jQuery
 

相信大家对于这个jQuery布局插件肯定不陌生,很多网站都使用它开发瀑布流布局。
 

jQuery Masonry

Isotope — An exquisite jQuery plugin for magical layouts
 

另外一个不错的布局插件,以前文章中我们也介绍过。
 

Isotope -- An exquisite jQuery plugin for magical layouts

jQuery picture

 

以前文章中介绍过这个超棒的响应式图片处理插件
 

jquerypicture
 

还记得这个插件吧,针对不同的屏幕设备应用不同大小的图片
 

Really Simple Slideshow
 

simpleslider
 

超简单的幻灯,支持响应式设计
 

Hoverizr – Responsive jQuery Photo manipulation plugin

一个支持图片响应式处理的插件
 

Hoverizr


Response JS

 

Response JS


Responsive Image Gallery with a Thumbnail Carousel

 

支持响应式的图片轮播插件
 

Responsive Image Gallery with a Thumbnail Carousel

scrolldeck

用来创建滚动式幻灯的jQuery插件
 

scrolldeck

PhotoSwipe

支持不同设备的幻灯插件
 

PhotoSwipe


Supersized – Fullscreen Background Slideshow

以前文章我们也介绍过,超棒的全屏幕幻灯,支持响应式
 

Supersized – Fullscreen Background Slideshow


The Heads-Up Grid

 

The Heads-Up Grid


Elastislide – A Responsive jQuery Carousel Plugin

 

另外一个轮播式幻灯插件
 

Elastislide – A Responsive jQuery Carousel Plugin


Transform a Menu to a Dropdown for Small Screens

 

帮助你将导航转换为下拉菜单
 

Transform a Menu to a Dropdown for Small Screens


ResponsiveSlides.js

响应式幻灯插件
 

ResponsiveSlides-js


Automatic Image Montage with jQuery

 

Automatic Image Montage with jQuery


Doubletake

 

Doubletake


Blueberry – A responsive jQuery image slider

 

响应式图片幻灯
 

Blueberry – A responsive jQuery image slider


Adaptive Images in HTML

帮助你针对屏幕自动创建HTML图片
 

Adaptive Images in HTML


FitText — jQuery plugin for inflating web type

一个帮助你生成合适字体的jQuery插件
 

FitText -- jQuery plugin for inflating web type


FitVids.JS

帮助你生成响应式视频的jQuery插件
 

FitVids-js