下面是使用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然後通過