自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

構(gòu)建自適應(yīng)布局的15款優(yōu)秀jQuery插件

開發(fā) 前端
自適應(yīng)設(shè)計(jì)的目標(biāo)是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為,根據(jù)不同終端設(shè)備自動(dòng)調(diào)整尺寸,帶給用戶良好的使用體驗(yàn)。下面是收集的15款優(yōu)秀的自適應(yīng) jQuery 插件,希望這些插件能夠幫助到您。

自適應(yīng)設(shè)計(jì)(Responsive Layouts)是時(shí)下網(wǎng)頁設(shè)計(jì)領(lǐng)域最熱門的話題之一,自適應(yīng)設(shè)計(jì)的目標(biāo)是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為,根據(jù)不同終端設(shè)備自動(dòng)調(diào)整尺寸,帶給用戶良好的使用體驗(yàn)。下面是收集的15款優(yōu)秀的自適應(yīng) jQuery 插件,希望這些插件能夠幫助到您。

01. Slides

Slides 是一款優(yōu)秀的幻燈片插件,能夠幫助開發(fā)者制作出優(yōu)雅的幻燈片效果。

slides

02. FlexSlider

另一款優(yōu)秀的幻自適應(yīng)幻燈片插件,支持所有主流的瀏覽器,提供水平和垂直兩種方向并帶有豐富的動(dòng)畫效果。

flexslider

03. Fit Text

FitText 是一款文本大小自動(dòng)調(diào)整插件 ,使用這款插件能夠讓你的Web項(xiàng)目在屏幕寬度不同的設(shè)備上自動(dòng)調(diào)整字體大小。

fit-text

04. Responsly

一款輕量的響應(yīng)式組件,目前提供了幻燈片和手風(fēng)琴功能,可以很容易集成到網(wǎng)站項(xiàng)目中。

Responsly

05. Elastislide

Elastislide 是一款非常優(yōu)秀的響應(yīng)式 jQuery 幻燈片插件,集成了 Touchwipe 插件以支持觸屏設(shè)備。

elastiside

06. Photo Swipe

Photo Swipe 是一款用于移動(dòng)設(shè)備的相冊(cè)插件,能夠幫助你的移動(dòng)應(yīng)用增加吸引力。

photoswipe

07. Responsive Image Gallery

這款相冊(cè)插件能夠自適應(yīng)屏幕尺寸,同時(shí)支持按鍵方式的導(dǎo)航功能。

responsive-image-gallery

08. Isotope

Isotype 這款優(yōu)秀的 jQuery 插件,用于創(chuàng)建動(dòng)態(tài)的,智能的布局,這款插件能夠?qū)σ唤M頁面項(xiàng)目進(jìn)行過濾、排序等很多操作。

isotope

09. Adaptive Images

Adaptive Images 插件能夠檢測訪問者屏幕尺寸,自適應(yīng)屏幕寬度,能夠非常方便的嵌入到你的項(xiàng)目中。

the-adaptive-images

10. Jquery Responsive Thumbnail Gallery Plugin

這款 jQuery 插件帶有縮略圖功能,能夠根據(jù)容器的尺寸自適應(yīng)。

jquery-responsive-thumbnail

11. Scrolldeck

一款非常棒的自適應(yīng)幻燈片插件,使用 Scrollorama 插件和鍵盤事件監(jiān)聽來實(shí)現(xiàn)幻燈片的切換。

scroll-deck

12. Responsive Slides

ResponsiveSlides.js 是一款輕量的幻燈片插件支持所有的主流瀏覽器,包括IE6在內(nèi)的所有IE版本。

responsive-slide

13. Hoverizr

Hoverizr 是另一款輕量的 jQuery 自適應(yīng)插件,支持灰階變換(Gray Scale)。

hoverizr

14. Fancy Box

Fancy Box 是一款非常優(yōu)秀的彈窗插件,能夠?yàn)閳D片、HTML內(nèi)容和其它多媒體內(nèi)容提供優(yōu)雅的彈出縮放效果。

fancy-box

15. Amazium

Amazium 是一個(gè)基于 960 網(wǎng)格系統(tǒng)的自適應(yīng) CSS 框架,能夠幫助你構(gòu)建自適應(yīng)的網(wǎng)頁布局。

amazium

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

【編輯推薦】

  1. jQuery插件之Ajax自動(dòng)完成
  2. 多個(gè)目前流行的jQuery插件
  3. 印象深刻的jQuery手風(fēng)琴效果應(yīng)用
  4. jQuery可多次使用的***插件
  5. JQuery插件的開發(fā)真的有那么難嗎
責(zé)任編輯:張偉 來源: 夢(mèng)想天空的博客
相關(guān)推薦

2011-06-28 09:24:44

jQuery

2013-07-16 15:27:14

TooltipJQuery

2015-04-09 14:08:17

jQueryjQuery Tool

2011-12-31 10:26:19

jQuery Mobi插件

2012-07-05 15:06:40

PHP

2014-09-05 10:10:32

Android自適應(yīng)布局設(shè)計(jì)

2013-11-28 09:38:04

移動(dòng)開發(fā)jQuery Mobi

2012-07-04 10:28:36

jQuery

2011-12-27 10:18:31

Web

2020-02-21 13:22:58

開發(fā)者技能工具

2010-08-26 16:27:46

CSS高度

2011-06-02 14:38:49

jQuery插件

2011-01-24 08:42:22

2014-03-21 09:52:29

jQuery動(dòng)畫插件

2022-12-06 17:22:45

2023-11-13 09:00:00

2012-07-16 14:32:03

jQuery

2014-08-06 10:44:31

WordPress插件

2023-11-16 09:50:56

鴻蒙自適應(yīng)布局

2011-05-16 09:30:38

jQuery
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)