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

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

01. Slides

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

02. FlexSlider

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

03. Fit Text

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

04. Responsly

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

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 插件帶有縮略圖功能，能夠根據(jù)容器的尺寸自適應。

11. Scrolldeck

一款非常棒的自適應幻燈片插件，使用 Scrollorama 插件和鍵盤事件監(jiān)聽來實現(xià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 網(wǎng)格系統(tǒng)的自適應 CSS 框架，能夠幫助你構建自適應的網(wǎng)頁布局。

 

您你可能還喜歡

 

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

 

英文鏈接：8 Responsive jQuery Slider Plugins

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