輪播效果在網(wǎng)頁中用的很多，swiper是其中最有代表性的作品,它支持水平和豎直滑動，還有反彈效果，兼容移動端和pc端。當(dāng)然代碼量也是相當(dāng)大的，單是js就有5300行（3.4.0的未縮版本），若不考慮代碼利用率和加載速度直接就用了，在移動端比較慎重，比如京東(m.jd.com)的輪播就沒有用它，而是自己實現(xiàn)了類似的功能,代碼量很少的樣子（格式化之后看起來二三百行左右的樣子）。那么這個功能如果自己來實現(xiàn)，要怎么做呢？
準(zhǔn)備工作
1. 準(zhǔn)備幾張圖片（我這里放了四張）
2. 搭建目錄結(jié)構(gòu)（html+css+images+js)
3. 編寫代碼，實現(xiàn)初始狀態(tài)的顯示效果
延伸閱讀
 學(xué)習(xí)是年輕人改變自己的最好方式
我想了解如何學(xué)習(xí) |