溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

發(fā)布時(shí)間：2020-06-19 18:20:29 來(lái)源：網(wǎng)絡(luò) 閱讀：763 作者：山邊小溪 欄目：web開發(fā)

　　自適應(yīng)設(shè)計(jì)（Responsive Layouts）是時(shí)下網(wǎng)頁(yè)設(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 插件，希望這些插件能夠幫助到您。

01. Slides

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）cdn.com/wp-content/uploads/2012/05/slides_thumb.jpg">

02. FlexSlider

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

03. Fit Text

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

04. Responsly

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

05. Elastislide

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

06. Photo Swipe

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

07. Responsive Image Gallery

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

08. Isotope

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

09. Adaptive Images

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

10. Jquery Responsive Thumbnail Gallery Plugin

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

11. Scrolldeck

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

12. Responsive Slides

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

13. Hoverizr

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

14. Fancy Box

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

15. Amazium

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

幫助你構(gòu)建自適應(yīng)布局的30款優(yōu)秀 jQuery 插件（上篇）

 

您你可能還喜歡

 

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

 

英文鏈接：8 Responsive jQuery Slider Plugins

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手