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

工具/材料

Sublime Text

操作方法

• 01

  首先需要在Sublime中創(chuàng)建HTML文檔，然后在文檔的body區(qū)域中加入如下圖所示的輪播圖內(nèi)容

  
• 02

  然后我們需要在style標(biāo)簽中給所添加的輪播圖內(nèi)容聲明樣式，如下圖所示

  
• 03

  接下來(lái)我們就需要在script標(biāo)簽中實(shí)現(xiàn)輪播圖的動(dòng)畫(huà)腳本內(nèi)容了，如下圖所示，注意script標(biāo)簽的type類(lèi)型一定要是javascript

  
• 04

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