15-27.htm

来自「有关JAVASCRIPT的源代码教程」· HTM 代码 · 共 36 行

HTM
36 行
字号 
    <html> <head>
    <script language=JavaScript type="text/javascript">
    var paraOneLeft = 100;
    var paraTwoLeft = 400;
    var switchDirection = false;
    function window_onload(){
      window.setInterval("moveParas()",50);
    }
    function moveParas(){
      var paraOne = document.getElementById("paraOneid");
      var paraTwo = document.getElementById("paraTwoid");
      if (switchDirection == false){
         paraOneLeft++;
         paraTwoLeft--;
         if (paraOneLeft == 400){
            switchDirection = true;
         }
      }
      else{
         paraOneLeft--;
         paraTwoLeft++;
         if (paraOneLeft == 100){
            switchDirection = false;
         }
      }
      paraOne.style.left = paraOneLeft + 'px';
      paraTwo.style.left = paraTwoLeft + 'px';
    }
    </script>
    </head>
    <body language=JavaScript type="text/javascript" onload="return window_onload()">
    <P STYLE="position:absolute;left:100px;top:30px" ID="paraOneid">葡萄美酒夜光杯</P>
    <P STYLE="position:absolute;left:400px;top:10px" ID="paraTwoid">欲饮琵琶马上催</P>
    </body>
    </html>

15-27.htm - 源码说明

本页面展示了「有关JAVASCRIPT的源代码教程」中的 15-27.htm 源码文件，采用 HTM 编程语言编写，共 36 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JAVASCRIPT相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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