幫助你構建自適應布局的30款優秀 jQuery 插件(上篇)


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

01. Slides

Slides 是一款優秀的幻燈片插件,能夠幫助開發者制作出優雅的幻燈片效果。

slides

02. FlexSlider

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

flexslider

03. Fit Text

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

fit-text

04. Responsly

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

Responsly

05. Elastislide

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

elastiside

06. Photo Swipe

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

photoswipe

07. Responsive Image Gallery

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

responsive-image-gallery

08. Isotope

Isotype 這款優秀的 jQuery 插件,用於創建動態的,智能的布局,這款插件能夠對一組頁面項目進行過濾、排序等很多操作。

isotope

09. Adaptive Images

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

the-adaptive-images

10. Jquery Responsive Thumbnail Gallery Plugin

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

jquery-responsive-thumbnail

11. Scrolldeck

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

scroll-deck

12. Responsive Slides

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

responsive-slide

13. Hoverizr

Hoverizr 是另一款輕量的 jQuery 自適應插件,支持灰階變換(Gray Scale)。

hoverizr

14. Fancy Box

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

fancy-box

15. Amazium

Amazium 是一個基於 960 網格系統的自適應 CSS 框架,能夠幫助你構建自適應的網頁布局。

amazium

 

您你可能還喜歡

 

 

英文鏈接:8 Responsive jQuery Slider Plugins

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM