分享20个响应式web设计的必备jQuery插件

日期:2012-9-12  来源:GBin1.com

响应式设计(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

 

来源:分享20个响应式web设计的必备jQuery插件

posted @ 2012-12-22 14:37  楚广明  阅读(986)  评论(0编辑  收藏  举报