📄 ex11-21.htm

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

💻 HTM

字号:

    <html>
    <head><title>image对象应用</title>
    <script language="JavaScript">
    <!--
        var myImages=new Array("PLANE1.GIF", "PLANE2.GIF", "PLANE3.GIF",
                               "PLANE4.GIF", "PLANE5.GIF");
        index_val=0;
        function next_pic(){
            index_val++;
            if (index_val < myImages.length){
               document.images["airplane"].src = myImages[index_val];
            }
            else{
               index_val=0;
               document.images["airplane"].src = myImages[index_val];
            }
        }
        function previous_pic(){
            index_val--;
            if (index_val >= 0){
               document.images["airplane"].src = myImages[index_val];
            }
            else{
               index_val=myImages.length - 1;
               document.images["airplane"].src = myImages[index_val];
            }
        }
    //   -->
    </script>
    </head>
    <body bgcolor="#ADD8E6"> <center>
    <h2>飞机展示</h2>
    <img name="airplane" src="PLANE1.GIF" width="300" height="240" >
    <br>
    <a href="javascript:next_pic()"> 下一幅图像 <br> </a>
    <a href="javascript:previous_pic()"> 上一幅图像 <br> </a> </center>
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -