自適應設計（Responsive Layouts）是時下網頁設計領域最熱門的話題之一，自適應設計的目標是要讓產品界面能夠響應用戶的行為，根據不同終端設備自動調整尺寸，帶給用戶良好的使用體驗。下面是收集的15款優(yōu)秀的自適應 jQuery插件，希望這些插件能夠幫助到您。

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

01. Slides

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

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

02. FlexSlider

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

03. Fit Text

FitText 是一款文本大小自動調整插件 ，使用這款插件能夠讓你的Web項目在屏幕寬度不同的設備上自動調整字體大小。

04. Responsly

一款輕量的響應式組件，目前提供了幻燈片和手風琴功能，可以很容易集成到網站項目中。

05. Elastislide

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

06. Photo Swipe

Photo Swipe 是一款用于移動設備的相冊插件，能夠幫助你的移動應用增加吸引力。

07. Responsive Image Gallery

這款相冊插件能夠自適應屏幕尺寸，同時支持按鍵方式的導航功能。

08. Isotope

Isotype 這款優(yōu)秀的 jQuery 插件，用于創(chuàng)建動態(tài)的，智能的布局，這款插件能夠對一組頁面項目進行過濾、排序等很多操作。

09. Adaptive Images

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

10. Jquery Responsive Thumbnail Gallery Plugin

這款 jQuery插件帶有縮略圖功能，能夠根據容器的尺寸自適應。

11. Scrolldeck

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

12. Responsive Slides

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

13. Hoverizr

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

14. Fancy Box

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

15. Amazium

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

 

您你可能還喜歡

 

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

 

英文鏈接：8 Responsive jQuery Slider Plugins

編譯來源：夢想天空 ◆ 關注前端開發(fā)技術 ◆ 分享網頁設計資源

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

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

廣告

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