給初入前端的同學，安利2個輪播圖插件SuperSlide 與 Swiper ！

SuperSlide PC端與移動端 的輪播圖特效都是分開寫2個js插件，而Swiper 基本一個插件可以寫PC端與移動端的所有特效。

剛剛開始學習前端的同學，個人建議 先接觸 SuperSlide ，這個上手快。而且特效大部分都是PC端，其實網頁開發，PC端與移動端原理差不多，只是屏幕大小的問題。

SuperSlide 、Swiper 現在可以寫自適應輪播圖。

SuperSlide 寫傳統行業的官網 是完全OK的，寫個輪播圖，下拉菜單，Tab欄切換，基本插件都有demo，拿來稍微改裝一下即可使用。當然改裝時，需要考一下 該同學的CSS功底了，為什么 左右箭頭定位到 輪播圖 外時，消失不見了？大多都是 SuperSlide 最外層 的 div 寫了overflow:hidden 樣式，消除即可。

我用SuperSlide 給客戶寫了3、4個自定義他們公司官網；這個插件就玩的差不多了，基本傳統行業公司的網站大部分都一樣，輪播圖，Tab欄 完了。

SuperSlide 是可以 圖片懶加載的，需要設置 一下JS參數；

Swiper，基本也滿足日常網頁的開發，但是它的移動端特效是做的不錯，做一個移動端活動單頁純展示類型的。特效可以的很酷，下拉式滑動，滑動時左右動畫。

個人開始SuperSlide 用的多些，覺得容易操作些吧！

附上它們的網址

www.superslide2.com

www.swiper.com.cn

總結

以上是生活随笔為你收集整理的前端-个人网页开发最常用的插件Superslide 与 swiper的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。