<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
</head>
<body>
<div id="box" style="width: 90%;height: 150px;margin: 0 auto">
<img id="img1" src="images/005.jpg" width="100%" height="100%">
</div>
<script type="text/javascript">
//把要轮播的图片放在数组中
var images=["images/005.jpg","images/006.jpg","images/007.jpg"];
num=1;
function showimg() {
var img1 = document.getElementById("img1");
img1.src=images[num];
num++;
num=num%3;//有几张图片就取模几
}
//定时函数
setInterval(showimg,2000);
</script>
</body>
</html>
javaScript实现轮播图
最新推荐文章于 2024-04-05 18:17:54 发布