前端的网页设计,求码

img


做一个类似的网页,顶上有轮播图可自动轮播,题材不用跟图一样,类似的网页就好

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>轮播图</title>
  <style type="text/css">
   .lunbo{
    width: 900px;
    height: 400px;
    margin:100px auto;
   }
   .lunbo img{
    width: 100%;
    height:100%;
   }
  </style>
 </head>
 <body>
  <!--轮播图模块 -->
  <div class="lunbo">
   <img id="lunbo_img" src="./pic/img3.jpeg" >
  </div>
  <!-- Js代码 -->
    <script>
      var index = 1;
        function lunbo(){
            index ++ ;
            //判断index是否大于3
            if(index > 3){
                index = 1;
            }
            //获取img对象
            var img = document.getElementById("lunbo_img");
            img.src = "./pic/img"+index+".jpeg";
        }
        //2.定义定时器
        setInterval(lunbo,1000);
       
 </script>
 </body>
</html>

这个难白嫖

这个有点难奥,估计几k也下不来