JavaScrip轮播图-CFANZ编程社区

JavaScrip轮播图

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script type="text/javascript">
           var ban=new Array();
           ban[0]="img/8.png";
           ban[1]="img/9.png";
           ban[2]="img/11.png";
           var j=0;
           function swap(j){
               var poto=document.getElementById("poto");
               poto.src=ban[j];
           }
           var i=0;
           function lbt(){
               var poto=document.getElementById("poto")
               poto.src=ban[i];
               i++;
               if(i==3){
                   i=0;
               }
               setTimeout("lbt()",3000);
           }
       </script>
   </head>
   <body οnlοad="lbt()">
       <div class="banner" >
           <img src="img/8.png" id="poto" >
           <div id="">
               <button οnclick="swap(0)" class="but" style="background-color: red;"></button>
               <button οnclick="swap(1)" class="but" ></button>
               <button οnclick="swap(2)" class="but"></button>
           </div>
       </div>


   </body>
</html>

0 条评论