📄 test.htm

📁 有关JAVASCRIPT的源代码教程

💻 HTM

字号:

    <html><head><title>练习11-6参考答案</title></head>
    <script language="JavaScript">
    <!--
        var imgvehicle=new Array(5);
        for(var i=0; i<5; i++){
           imgvehicle[i]=new Image();
           imgvehicle[i].src="vehicle"+i+".jpg";
        }        
        function imgChange(f){
           for (var i = 0; i < f.myradio.length;i++){
              if(f.myradio[i].checked){
                 f.mypic.src=imgvehicle[i].src;
                 break;
               }
            }
        }
        
    //   -->
    </script>
    <body bgcolor="lightblue">
    <h2>交通工具展示</h2><br>
    请选择交通工具：<br>
    <form>
    <input type="radio" name="myradio" value="汽车" checked onclick="imgChange(this.form);">汽车 <br>
    <input type="radio" name="myradio" value="火车" onclick="imgChange(this.form);">火车<br>
    <input type="radio" name="myradio" value="飞机" onclick="imgChange(this.form);">飞机 <br>
    <input type="radio" name="myradio" value="自行车" onclick="imgChange(this.form);">自行车 <br>
    <input type="radio" name="myradio" value="轮船" onclick="imgChange(this.form);">轮船<br>
    <img name="mypic" src="vehicle0.jpg" align="left" alt="飞机" border=2  
         hspace="10"width="300" height="240" ><br>     

    
    
    </form>
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -