需要自行准备4张图片,并命名为/banner_(1-4)
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img id="img" src="img/banner_1.jpg" width="100%">
<script>
var number = 1;
function fun(){
number ++ ;
if(number > 4){
number = 1;
}
var img = document.getElementById("img");
img.src = "img/banner_"+number+".jpg";
}
setInterval(fun,3000);
</script>
</body>
</html>
setInterval(fun,3000);用于控制切换与速度,数字越小切换越快。