回首页

所以如果你想控制某个对象的位置，你应该这样编写你的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">。

回首页