zoukankan      html  css  js  c++  java
  • 上下轮播

    <body>

    <div><img id="tu" src="lun1.jpg" width="800px" height="498px"></div>
    <input type="button" onclick="pro()" value="上一张">
    <input type="button" onclick="nex()" value="下一张">

    </body>

    <script>

    var arr=["轮播1.jpg","轮播2.jpg","轮播3.jpg"];
    var tu=document.getElementById("tu");

    var num=0;
    // 上一张
    function pro(){
    num--;
    console.log(num);
    if (num<0){
    num=2;
    }
    if(num>=0&&num<=arr.length-1){
    tu.setAttribute("src",arr[num]);
    }
    }

    //下一张
    function nex(){
    num++;
    console.log(num);
    if (num>arr.length-1){
    num=0;//从0开始
    }
    if(num<=arr.length-1){
    tu.setAttribute("src",arr[num]);
    }
    }

    var te=setInterval(nex,1000);
    tu.onmouseover = function() {
    window.clearInterval(te);
    };
    tu.onmouseout = function() {
    te = setInterval(nex, 1000);
    };

    </script>

  • 相关阅读:
    js 平坦化控制流
    js变量名混淆
    ERR_CERT_INVALID
    ERR_CERT_AUTHORITY_INVALID
    @babel/preset-env
    @babel/plugin-transform-runtime
    terminal
    @babel/plugin-proposal-class-properties
    Zotero
    随记 日后整理
  • 原文地址:https://www.cnblogs.com/1039595699TY/p/5515931.html
Copyright © 2011-2022 走看看