JS---------------图片转换(草稿) 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>童心少年</title>
      
  </head>
  <body>    
    <h1 onclick = "updateimage()">点击一下</h1>
    <h1 onclick = " updatesize()">点击两下</h1>
    <h1 onclick = " updateborder()">点击三下</h1>
     <img id="img"> 
  <script>
      var srcHttp="https://game-1255653016.file.myqcloud.com/manage/compress/custom_wzry_E1/";
        var _list=new Array();
        _list[0]="bcd91d44280372709afd773f986cb339.jpg";//妲己
        _list[1]="5aff3bec15be42191e7bf0a67fee92fd.jpg";//孙尚香
        _list[2]="1cde30a805ea2bd7d2815649a124d80c.jpg";//韩信
      var i=0;
      function updateimage(){
          i%=3;
          document.getElementById("img").src=srcHttp+_list[i];
          i++;
      }
      var w=40;
      function updatesize(){
         
          document.getElementById("img").width=w;
          document.getElementById("img").height=w;
          w+=40;
          w%=800;
      }
      var b=1;
       function updateborder(){
         
          document.getElementById("img").border=b;
          b++;
           b%=10;
      }
    </script>  
  </body>
</html>

 

posted @ 2025-11-21 19:42  付书恒  阅读(2)  评论(0)    收藏  举报