12.20
阿新 • • 發佈:2021-12-21
1.關於swiper
Swiper 是一款免費以及輕量級的移動裝置觸控滑塊的js框架,使用硬體加速過渡(如果該裝置支援的話)。主要使用於移動端的網站、移動web apps,native apps和hybrid apps。主要是為IOS而設計的,同時,在Android、WP8系統也有著良好的使用者體驗,Swiper從3.0開始不再全面支援PC端。因此,如需在PC上相容更多的瀏覽器,可以選擇Swiper2.x(甚至支援IE7)。
Swiper 完全免費並開源(MIT Licensed),無論你使用在個人網站或商業網站,都無需付費。
2.swiper的使用
swiper我用於網頁主頁大多數一樣,用於輪播圖的使用
這是關於swiper的HTML部分
這是swiper的js部分
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',(這兩行程式碼表示的是在輪播圖中實現一個前進後退的按鈕的一個功能)
實現的效果:
swiper的API文件中
如果想改變前進後退按鈕的樣式可以在其上面覆蓋,就可以達到自己想要的樣式