轮播图

最新推荐文章于 2024-09-20 13:42:43 发布

柔弱又不能自理的IT

最新推荐文章于 2024-09-20 13:42:43 发布

阅读量82

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_48681018/article/details/107766173

版权

在div中添加一张图片

<div class="top">
     <img id="img" src="img/images/ad-01.jpg" />
     
    </div>

先获取图片的id
在命名一个变量来接收图片

<script>
  var id=document.getElementById("img");
  var gt=['img/images/ad-01.jpg','img/images/ad-02.jpg','img/images/ad-03.jpg','img/images/ad-04.jpg'];
 var num=0;
 setInterval(function (){
  num++;
  if(num>=gt.length){
   num=0;
  }
  id.src=gt[num];
 },1000);
 
 
 
 
 </script>```