构建自适应布局的15款优秀jQuery插件

开发 前端
自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。下面是收集的15款优秀的自适应 jQuery 插件,希望这些插件能够帮助到您。

自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。下面是收集的15款优秀的自适应 jQuery 插件,希望这些插件能够帮助到您。

01. Slides

Slides 是一款优秀的幻灯片插件,能够帮助开发者制作出优雅的幻灯片效果。

slides

02. FlexSlider

另一款优秀的幻自适应幻灯片插件,支持所有主流的浏览器,提供水平和垂直两种方向并带有丰富的动画效果。

flexslider

03. Fit Text

FitText 是一款文本大小自动调整插件 ,使用这款插件能够让你的Web项目在屏幕宽度不同的设备上自动调整字体大小。

fit-text

04. Responsly

一款轻量的响应式组件,目前提供了幻灯片和手风琴功能,可以很容易集成到网站项目中。

Responsly

05. Elastislide

Elastislide 是一款非常优秀的响应式 jQuery 幻灯片插件,集成了 Touchwipe 插件以支持触屏设备。

elastiside

06. Photo Swipe

Photo Swipe 是一款用于移动设备的相册插件,能够帮助你的移动应用增加吸引力。

photoswipe

07. Responsive Image Gallery

这款相册插件能够自适应屏幕尺寸,同时支持按键方式的导航功能。

responsive-image-gallery

08. Isotope

Isotype 这款优秀的 jQuery 插件,用于创建动态的,智能的布局,这款插件能够对一组页面项目进行过滤、排序等很多操作。

isotope

09. Adaptive Images

Adaptive Images 插件能够检测访问者屏幕尺寸,自适应屏幕宽度,能够非常方便的嵌入到你的项目中。

the-adaptive-images

10. Jquery Responsive Thumbnail Gallery Plugin

这款 jQuery 插件带有缩略图功能,能够根据容器的尺寸自适应。

jquery-responsive-thumbnail

11. Scrolldeck

一款非常棒的自适应幻灯片插件,使用 Scrollorama 插件和键盘事件监听来实现幻灯片的切换。

scroll-deck

12. Responsive Slides

ResponsiveSlides.js 是一款轻量的幻灯片插件支持所有的主流浏览器,包括IE6在内的所有IE版本。

responsive-slide

13. Hoverizr

Hoverizr 是另一款轻量的 jQuery 自适应插件,支持灰阶变换(Gray Scale)。

hoverizr

14. Fancy Box

Fancy Box 是一款非常优秀的弹窗插件,能够为图片、HTML内容和其它多媒体内容提供优雅的弹出缩放效果。

fancy-box

15. Amazium

Amazium 是一个基于 960 网格系统的自适应 CSS 框架,能够帮助你构建自适应的网页布局。

amazium

原文链接:http://www.cnblogs.com/lhb25/archive/2012/06/04/30-jquery-plugins-to-help-with-responsive-layouts-a.html

【编辑推荐】

  1. jQuery插件之Ajax自动完成
  2. 多个目前流行的jQuery插件
  3. 印象深刻的jQuery手风琴效果应用
  4. jQuery可多次使用的***插件
  5. JQuery插件的开发真的有那么难吗
责任编辑:张伟 来源: 梦想天空的博客
相关推荐

2011-06-28 09:24:44

jQuery

2013-07-16 15:27:14

TooltipJQuery

2014-09-05 10:10:32

Android自适应布局设计

2015-04-09 14:08:17

jQueryjQuery Tool

2013-11-28 09:38:04

移动开发jQuery Mobi

2012-07-05 15:06:40

PHP

2011-12-31 10:26:19

jQuery Mobi插件

2012-07-04 10:28:36

jQuery

2011-12-27 10:18:31

Web

2010-08-26 16:27:46

CSS高度

2014-03-21 09:52:29

jQuery动画插件

2011-06-02 14:38:49

jQuery插件

2023-11-16 09:50:56

鸿蒙自适应布局

2011-01-24 08:42:22

2022-12-06 17:22:45

2020-02-21 13:22:58

开发者技能工具

2012-07-16 14:32:03

jQuery

2017-06-06 10:30:12

前端Web宽度自适应

2014-08-06 10:44:31

WordPress插件

2023-11-13 09:00:00

点赞
收藏

51CTO技术栈公众号