轮播图就是网页到达一定时间就切换图片。要用到定时器功能，直接改变img的src
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
</head>
<body>
<img id="img" src="img/banner_1.jpg" width="100%">
<script>
//修改图片src属性
var number = 1;
function f() {
number++;
if (number > 3) {
number = 1;
}
var img = document.getElementById("img");
img.src = "img/banner_" + number + ".jpg";
}
//每隔3秒切换一次
setInterval(f,3000);
</script>
</body>
</html>
运行效果： 每隔3秒切换一次
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
