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