ex12-9.htm

来自「《JAVASCRIPT 动态网页编程实例手册》一书中的源代码」· HTM 代码 · 共 43 行

HTM
43
字号
    <html><head><title>地球风貌 </title>
    <script language="JavaScript">
    <!--  
        var scene = new Array();
        var indx = 0;
        var timeDelay=1000;
        if(document.images){
          for (var i=0;i<6;i++){
            scene[i]=new Image();
            scene[i].src="scene"+i+".jpg";
          }
        }
        function changescene(){
            var size= scene.length - 1;
            if( indx < size ) {
               indx++;
            }
            else {
               indx = 0;
        }
        document.myImg.src= scene[indx].src;
        timeout=setTimeout('changescene()', timeDelay);
        }
        function stopShow(){
            clearTimeout(timeout);
        }
    //   -->
    </script>
    </head>
    <body bgcolor="lightblue"><center><font face="宋体">
    <h2>六幅地球风貌</h2><b>
    将鼠标指针移动到图像上,就会每隔一秒更换一幅图像,<br>
    将鼠标指针移动到图像外面,停止更换图像。试一试?<br>
    <a href="javascript:void(null);"
        onMouseOver="return changescene();"
        onMouseOut="return stopShow()">
    <img name="myImg" src="scene0.jpg" align="center"
    border=8   width="400" height="400">
    </a><br>
    </body>
    </html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?