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

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

16. Tiny Fluid Grid

Tiny Fluid Grid 是一個非常新穎的網格生成工具，能夠在線預覽和下載。

17. Jquery Masonry

Masonry 是一款 jQuery 布局插件，可以實現類似Pinterest模式的砌體布局效果。

18. Foundation

一款易于使用，強大靈活的框架，幫助你構建可以運行在各種終端設備上的應用。

19. Diapo

Diapo 是一個開源的自適應幻燈片項目，可以免費下載使用。

20. Blue Berry

Blueberry 是一款 jQuery 圖片幻燈片插件，用于流體和自適應網頁布局。

21. Slidorion

Slidorion 是輕量的幻燈片插件。可以設定播放速度與播放效果 向上/下/左/右滾動或翻頁。

22. Bx Slider

另外一款幻燈片插件，支持水平和垂直兩方向，還有漸變效果，可自由制定。

23. Crafty Slider

Craftyslide is 是一款非常輕量的幻燈片插件，可用于自適應網站項目。

24. Convert a menu to dropdown for small screens

這款插件能夠幫助在小屏幕尺寸下把導航菜單轉換為下拉的形式以免遮擋網頁內容。

25. Automatic image montage With Jquery

這是一款非常特別的 jQuery 插件，實現自適應蒙太奇相冊效果。

26. Simple Grid

Simple Grid適用于4種尺寸的屏幕：小于720px、大于720px、大于985px和大于1235px。

27. The Heads Up Grid

Heads-Up Grid is an 是一個自適應的網站格子插件，非常的特別。

28. Seamless responsive photo grid

一款自適應的 jQuery 圖片格子插件，簡單易用。

29. Jquery responsive Web

很特別的一款用于幫助你構建自適應網站項目的 jQuery 插件。

30. Rlightbox

是一款 jQuery UI 插件，有很多特色的彈窗效果，支持主題定制。

 

您你可能還喜歡

 

• Web開發者必備的20款超贊jQuery插件
• 60款很酷的 jQuery 幻燈片演示和下載
• 25佳優秀的流體和響應式布局網頁設計
• 非常棒的響應式 jQuery 幻燈片插件推薦
• 85個國外優秀的響應式網頁設計作品范例

 

英文鏈接：8 Responsive jQuery Slider Plugins

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