輪播圖是每個網站中必不可少的元素，那么如何用JS制作輪播圖呢？下面小編就給大家分享一下。

工具/材料

Sublime Text

操作方法

• 01

  首先需要在Sublime中創建HTML文檔，然后在文檔的body區域中加入如下圖所示的輪播圖內容

  
• 02

  然后我們需要在style標簽中給所添加的輪播圖內容聲明樣式，如下圖所示

  
• 03

  接下來我們就需要在script標簽中實現輪播圖的動畫腳本內容了，如下圖所示，注意script標簽的type類型一定要是javascript

  
• 04

  最后我們運行界面程序，你就會看到如下圖所示的輪播圖了，點擊左右的箭頭和中間的圓點都可以進行輪播圖的切換