html5图片轮播代码页面上显示图片的时候,肯定是这样的:
<div><img id='xxx' src='' /></div> 轮播的话,就是要用 JS 代码控制这个 img 标签的内容在变。 所以可以通过两个步骤来做: 1、改变img的内容,也就是修改 img 标签的 src, function changeImg(imgsrc) { document.getElementById("xxx").src = imgsrc; } 2、定时执行changeImg, 实现轮播。 SetInterval(2000, changeImg); //2秒钟换一张图片 主要过程就是这么两个,具体实现时,还要设置2个全局变量, 1个保存所有可以轮播的图片 src (数组), 另一个保存现在正在显示的图片在数组中的index, 执行changeImg时,先让 index +1 。