📄 ex11-23.htm

📁 《JAVASCRIPT 动态网页编程实例手册》一书中的源代码

💻 HTM

字号:

    <html>
    <head><title>随机显示图像</title></head>
    <script language="JavaScript">
    <!--
        var imgPlane=new Array(5);
        for(var i=0; i<5; i++){
           imgPlane[i]=new Image();
           imgPlane[i].src="PLANE"+(i+1)+".GIF";
        }        
       function imgRandom(){
          var n=imgPlane.length - 1;
          var randnum=Math.floor(Math.random() * (n + 1));
          document.images["mypic"].src = imgPlane[randnum].src;
        }
        
    //   -->
    </script>
    <body bgcolor="lightblue">
    <h2>飞机展示</h2>
    <button name="mybutton" onMouseOver="imgRandom()"  > 
    <font size=+3> 随机更换图像 </font> </button> <br><br><br>
    <img name="mypic" src="PLANE1.GIF" align="left" alt="飞机" border=2  
         hspace="10"width="300" height="240" ><br>     
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -