js如何製作圖片輪播

工具/材料

Sublime Text

操作方法

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

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

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

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

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