自適應(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?插件，希望這些插件能夠幫助到您。

16.?Tiny Fluid Grid

Tiny Fluid Grid 是一個(gè)非常新穎的網(wǎng)格生成工具，能夠在線預(yù)覽和下載。

17.?Jquery Masonry

Masonry 是一款 jQuery 布局插件，可以實(shí)現(xiàn)類似Pinterest模式的砌體布局效果。

18.?Foundation

一款易于使用，強(qiáng)大靈活的框架，幫助你構(gòu)建可以運(yùn)行在各種終端設(shè)備上的應(yīng)用。

19.?Diapo

Diapo 是一個(gè)開源的自適應(yīng)幻燈片項(xiàng)目，可以免費(fèi)下載使用。

20.?Blue Berry

Blueberry 是一款 jQuery 圖片幻燈片插件，用于流體和自適應(yīng)網(wǎng)頁布局。

21.?Slidorion

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

22.?Bx Slider

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

23.?Crafty Slider

Craftyslide is 是一款非常輕量的幻燈片插件，可用于自適應(yīng)網(wǎng)站項(xiàng)目。

24.?Convert a menu to dropdown for small screens

這款插件能夠幫助在小屏幕尺寸下把導(dǎo)航菜單轉(zhuǎn)換為下拉的形式以免遮擋網(wǎng)頁內(nèi)容。

25.?Automatic image montage With Jquery

這是一款非常特別的 jQuery 插件，實(shí)現(xiàn)自適應(yīng)蒙太奇相冊(cè)效果。

26.?Simple Grid

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

27.?The Heads Up Grid

Heads-Up Grid is an 是一個(gè)自適應(yīng)的網(wǎng)站格子插件，非常的特別。

28.?Seamless responsive photo grid

一款自適應(yīng)的 jQuery 圖片格子插件，簡單易用。

29.?Jquery responsive Web

很特別的一款用于幫助你構(gòu)建自適應(yīng)網(wǎng)站項(xiàng)目的 jQuery 插件。

30.?Rlightbox

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

?

您你可能還喜歡

?

• Web開發(fā)者必備的20款超贊jQuery插件
• 60款很酷的 jQuery 幻燈片演示和下載
• 25佳優(yōu)秀的流體和響應(yīng)式布局網(wǎng)頁設(shè)計(jì)
• 非常棒的響應(yīng)式 jQuery 幻燈片插件推薦
• 85個(gè)國外優(yōu)秀的響應(yīng)式網(wǎng)頁設(shè)計(jì)作品范例

?

英文鏈接：8 Responsive jQuery Slider Plugins

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

轉(zhuǎn)載于:https://www.cnblogs.com/lhb25/archive/2012/06/07/30-jquery-plugins-to-help-with-responsive-layouts-b.html

總結(jié)

以上是生活随笔為你收集整理的帮助你构建自适应布局的30款优秀 jQuery 插件（下篇）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。