JS圖片輪播

李宛宜 Joyce Li 2020/12/24 14:02:14
365

製作一個簡易的圖片輪播,需使用 HTML 和 CSS 還有JS 。

• 首先: 先寫入一個架構 (如下圖)

• HTML 程式碼 (如下圖)

•  再加入 css 加以排版,css 程式碼 (如下圖)

•  最後加入圖片與特效,JS 程式碼 (如下圖)

•  完成結果如下,特效部分請參考連結 https://codepen.io/joyce851108/pen/XWjarPv

李宛宜 Joyce Li