下面是使用html+css+js(javascript)來完成輪播圖功能的簡單例子，有興趣的可以看一下。

1首先創建一個html文件，下圖中我創建的是html5的，所以看起來很簡單。

2然后在html的主體部分添加一個div標簽，然后在該標簽下添加一個img標簽，并設置img的寬高。

3然后我們可以在html頭部標題下添加css樣式代碼來控制div的顯示效果。

4接下來在body標簽中添加js的事件onload，也就是加載該頁面的時候，調用onload的值對應的方法，圖中的話就是init()。再為img添加一個id屬性，這樣我們可以通過getElementById("id值")來得到該元素標簽。

5然后通過<script>標簽中，添加如下圖代碼，完成輪播的功能。其中setInterval(code,time);//兩個參數都是必須的，其中code是執行的方法或者代碼串，time是時間間隔（以毫秒計，1000就是1秒，根據需要來調整）。其中if語句中i的值跟圖片的數量和命名有關。