js轮播图效果 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="img/banner_1.jpg" id="tu1">
    <script>
      var nub = 1;
      function tu() {
        nub ++ ;
        if (nub>3){
          nub =1 ;
        }
        var tu1=  document.getElementById("tu1");
        tu1.src = "img/banner_"+nub+".jpg";

      }

      setInterval(tu,2000)
    </script>

</body>
</html>

 

posted @ 2022-11-13 16:11  小白学程  阅读(14)  评论(0)    收藏  举报