幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀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插件，希望這些插件能夠幫助到您。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的江達(dá)網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

01. Slides

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

cdn.com/wp-content/uploads/2012/05/slides_thumb.jpg">

02. FlexSlider

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

03. Fit Text

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

04. Responsly

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

05. Elastislide

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

06. Photo Swipe

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

07. Responsive Image Gallery

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

08. Isotope

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

09. Adaptive Images

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

10. Jquery Responsive Thumbnail Gallery Plugin

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

11. Scrolldeck

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

12. Responsive Slides

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

13. Hoverizr

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

14. Fancy Box

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

15. Amazium

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

 

您你可能還喜歡

 

• 讓人期待的2011年度最佳 jQuery 插件
• 60款很酷的 jQuery 幻燈片演示和下載
• 8款非常棒的響應(yīng)式 jQuery 幻燈片插件
• Web開發(fā)者必備的20款超贊jQuery插件
• 85個(gè)國外優(yōu)秀的響應(yīng)式網(wǎng)頁設(shè)計(jì)作品范例

 

英文鏈接：8 Responsive jQuery Slider Plugins

編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計(jì)資源

本文題目：幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀jQuery插件（上篇）
文章分享：http://www.muchs.cn/article20/ihejjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、網(wǎng)站改版、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)