js如何製作圖片輪播

工具/材料

Sublime Text

操作方法

首先在Sublime Text下面準備一個html和5張圖片，圖片寬高為600px和400px，如下圖所示

然後在HTML頁面中佈局輪播圖的結構，如下圖所示，主要包括圖片區域，圓形按鈕，左右箭頭

接下來需要給輪播圖頁面佈局聲明一些樣式，請按照下圖所示的樣式代碼進行聲明

最後就是實現輪播圖的JS腳本功能，如下圖所示，主要包括前進，後退，自動播放的功能

最後運行頁面，你就會看到下圖所示的輪播圖效果，點擊圓圈或者左右箭頭可以切換輪播圖