前端-个人网页开发最常用的插件Superslide 与 swiper
給初入前端的同學,安利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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: boss直聘是真的吗
- 下一篇: 丁毒豆的功效及作用图