📄 ex12-9.htm

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

💻 HTM

字号:

    <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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -