响应式 Web 设计的 20 个有用的 jQuery 插件

红薯
 红薯
发布于 2012年03月12日
收藏 75

响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的!

本文介绍 20 个 jQuery 插件适合进行响应式 Web 网站设计。

FitText

Blueberry – A simple, fluid, responsive jQuery image slider

Response JS: mobile-first progressive enhancement in HTML5

The Heads-Up Grid

jQuery Masonry

Isotope

scrolldeck

Elastislide – A Responsive jQuery Carousel Plugin

Responsive Image Gallery with Thumbnail Carousel

Supersized – Full Screen Background Slideshow jQuery Plugin

PhotoSwipe

ResponsiveSlides.js

Automatic Image Montage with jQuery

Hoverizr – A responsive jQuery Image manipulation and overlay plugin

FitVids.JS

Doubletake

Adaptive Images in HTML

Convert a Menu to a Dropdown for Small Screens


Source: http://designmodo.com/jquery-plugins-responsive-web-design/

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:响应式 Web 设计的 20 个有用的 jQuery 插件
加载中

最新评论(8

好久没登录
呵呵,那行,以后上这个网说几句,呵呵,
好久没登录
额,刚又看了一遍网页内容,黑传说,你真的提醒了我,开始看的时候没怎么关注,但是现在看看,确实有关注的必要,适应多个终端真的很重要,因为我们下一步的方向听大牛说,要把网站显示在手机终端上让用户下单,确实提醒了,多谢,
好久没登录
不知道你是从事什么工作的,有时间看到了就请加我QQ 776455616.呵呵,期待中。。
好久没登录

引用来自“黑传说”的评论

引用来自“jas”的评论

我去。沙发,现在做行业网站那,可能还用不到这么花哨的。

这翻译专门发明怪名词么?这不就是根据屏幕大小自动调整网页布局和效果么?可以翻译为自适应。
如果是行业网站,可是恰好就需要这个,不然人家小手机上看到的效果和大屏幕上一样,很憋屈的。

有道理,但是其实有时候想想,很多东西还是自己写好,我也用到了较多的JQ 插件,但是基本很少有真正适应这个项目的,因为项目是随着用户需求而变化的,但是别人的代码确实死的,虽然自己可以改,但是有那个改的功夫和查找资料的公司,自己可能就写了。呵呵,我们的网站是不太注重美观,注重安全性和可靠性,用户群稳定的,呵呵,
黑传说
黑传说

引用来自“jas”的评论

我去。沙发,现在做行业网站那,可能还用不到这么花哨的。

这翻译专门发明怪名词么?这不就是根据屏幕大小自动调整网页布局和效果么?可以翻译为自适应。
如果是行业网站,可是恰好就需要这个,不然人家小手机上看到的效果和大屏幕上一样,很憋屈的。
w
wsl891128
bucuo
好久没登录
我去。沙发,现在做行业网站那,可能还用不到这么花哨的。
返回顶部
顶部