JavaScrip轮播图

阅读 84

2022-04-15

<!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)

0 0 举报