万卷书>>电脑书籍>>网页制作>>HTML教程>>5日学会动态HTML

WANJUANSHU.COM

3.4 脚本如何运行
所以如果你想控制某个对象的位置,你应该这样编写你的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">
。

 
上一页 WanJuanShu.COM 下一页
WANJUANSHU.COM 万卷书