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