动态HTML教程 - 第三天
Taylor 1998.3.9
第四页：脚本如何运行

所以如果你想控制某个对象的位置，你应该这样编写你
的JavaScript: 

    <script language="javascript">

function moveIt() {

   if(document.layers) {

      document.truck.left -= 5;

      if (document.truck.left<0){
                document.truck.left=480}
              }
         
          else if (document.all) { 
  truck.style.left="parseInt(truck.style.left)" 5; 
                 if (parseInt(truck.style.left)<0) 
               { truck.style.left="480;" } } 
             if ((document.layers) || (document.all))
 { setTimeout('moveIt()', 100); } } </script>

它的执行结果应该是:

代码的含义如下：

  • 如果客户端支持document.layers对象,
    • 将名为truck的对象层左移5个位置.
    • 如果名为truck的对象层的位置小于0,
      • 则名为truck的对象层的的left属性设置
        为480。
  • 但是，如果客户端支持document.all对象,
    • 则将名为truck的HTML对象的样式选项left的整
      数值减去5。
    • 如果名为truck的HTML对象的样式选项left的整
      数值      小于0，则将其数值设为480。
  • 如果客户端支持document.all或document.layers对象
    中的任何一种，
    • 等候10秒钟，然后执行函数moveIt。

现在你自己作一下这个程序。让拖拉机在页面中移动。注
意：你应该采用行内样式，例：<DIV id="truck"
style="position: absolute; left: 20; top: 20">。

>>

动态HTML教程
第一页 动态HTML教程 - 第三天
第二页 微软和网景不同的语法
第三页 使其在两种浏览器中都可用
第四页 脚本如何运行
第五页 访问对象的一个技巧
第六页 制作网猴们互相追赶的动画效果

[第1天][第2天][第3天][第4天][第5天]

返回