📄 ex10-9.htm

📁 有关JAVASCRIPT的源代码教程

💻 HTM

字号:

    <html> <head><title>使用scrollTo()方法滚动文档内容 </title>
    <script language="JavaScript">
        <!-- 
        winObj=window.open("pic.htm","mypic",
       "width=250,height=192,resizable=no");  // 打开一个新窗口，显示一个包含图像的HTML页面
        winObj.moveTo(0, 0); //将新窗口移动到屏幕的左上角
        winObj.focus();  //让新窗口显示在其他窗口前面
        var pixelpos=0;  //记录图像的当前显示位置（x坐标）
        var ImgWidth=640;  //设置图像宽度
        var pixelstep = 1;  //设置文档内容滚动速度
        var timeout;
        function startScroll(){
          if (pixelpos <= (ImgWidth - 250)){  //当文档内容未滚动到窗口边界时
             pixelpos += pixelstep;  
             winObj.scrollTo(pixelpos,0);   //将文档滚动到x方向新的位置
          }
          else{  //当文档内容滚动到窗口边界时，将当前图像显示位置置0，重新显示图像
            pixelpos=0;
          }
          timeout=setTimeout("startScroll()",20);  //每隔20毫秒调用一次本函数
       }
       function stopHere(){
          clearTimeout(timeout);  // 通过停止计时器来终止文档内容滚动
       }
       function closeWindow(){  //关闭新创建的窗口
          winObj.close();  
       }
       //  -->
    </script>
    </head>
    <body bgColor="lightgreen">
    <font face="宋体" size=4 >
    <b><br><center>
    滚动新打开窗口的内容
    <form>
       <input type="button"
          value="开始滚动"
          onClick="startScroll();">
       <input type="button"
          value="停止滚动"
          onClick="stopHere();">
    </form>
    <font size=-1>
    <p>当希望关闭新打开窗口时，请单击下面的链接 <br>
    <a href="javascript:closeWindow()">关闭新打开窗口 </a></h3>
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -