來給你20個優秀的......前端輪播圖插件


上期入口:24個 CSS 高級技巧合集

這20個,可都是咱們村最好的,年齡都不超過25,一個比一個長的好看。你加人家微信先聊,總有一個你喜歡的。老大不小的人了,別太挑,遇到合適的,就去Github搬過來用。

image

提示:上圖所有項目地址,也可以可在公眾號后台回復關鍵字 “輪播圖插件” 獲取MD版本。

Swiper

使用硬件加速過渡的移動設備觸控滑塊框架。

官網:https://github.com/nolimits4web/Swiper

slick

你所需要的最后一個輪播插件。

官網:https://github.com/kenwheeler/slick

slidesJs

響應式的 jQuery(1.7.1+)幻燈片插件,具有觸摸、 CSS3 過渡等特性。

官網:http://www.slidesjs.com/

FlexSlider

一款令人驚嘆的、全響應式的幻燈片 jQuery 插件。

官網:https://github.com/woothemes/FlexSlider

unslider

最簡單的幻燈片 jQuery 插件。

官網:https://github.com/idiot/unslider

colorbox

輕量、可自定義的燈箱 jQuery 插件。

官網:https://github.com/jackmoore/colorbox

fancyBox

提供了良好優雅的方式,為頁面上的圖片、html 內容和多媒體添加縮放功能的工具。

官網:https://github.com/fancyapps/fancyBox

sly

基於項導航的、支持單向滾動的 JavaScript 庫。

官網:https://github.com/darsain/sly

vegas

向頁面添加漂亮的全屏背景的 jQuery 插件,甚至允許幻燈片。

官網:https://github.com/jaysalvat/vegas

Sequence

用於創建響應式的幻燈片、演示、旗幟廣告和以步驟為基礎的應用的 CSS 動畫框架。

官網:https://github.com/IanLunn/Sequence

baguetteBox.js

易於使用的、用純 JavaScript 實現的遮罩層腳本。

官網:https://github.com/feimosi/baguetteBox.js

reveal.js

用 HTML 創建漂亮演示控件的框架。

官網:https://github.com/hakimel/reveal.js

PhotoSwipe

適用於移動設備和桌面電腦的、模塊化和不無依賴框架的 JavaScript 畫廊控件。

官網:https://github.com/dimsemenov/PhotoSwipe

jcSlider

用 CSS 動畫實現的響應式幻燈片 jQuery 插件。

官網:https://github.com/JoanClaret/jcSlider

basic-jquery-slider

易於使用、指定主題和定制化。

官網:https://github.com/jcobb/basic-jquery-slider

unslider

這是最簡單的幻燈片 jQuery 插件。

官網:https://github.com/idiot/unslider

viewerjs

原生 js 實現的圖片查看器。

官網:https://fengyuanchen.github.io/viewerjs/

jQuery.adaptive-slider

帶有自適應顏色標題和導航的幻燈片 jQuery 插件。

官網:https://github.com/creative-punch/jQuery.adaptive-slider

slidr

可添加一些幻燈片效果。

官網:https://github.com/bchanx/slidr

Flickity

可觸摸的、響應式的和可輕彈的畫廊。

官網:https://github.com/metafizzy/flickity

本期推薦

50個Python練手項目,拿去過冬吧!

10個不到500行代碼的超牛Python練手項目

10個精彩Python視頻教程整理,10種新技能輕松Get!

30本Python學習參考書,從入門到大師全了!

大牛推薦的10本學習Java必看書

如何開始使用Java機器學習

再別說找不到C++練手項目,這20個拿去不謝!

23個機器學習項目,助你成為人工智能大咖


免責聲明!

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



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