所以如果你想控制某个对象的位置，你应该这样编写你的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对象中的任何一种，
现在你自己作一下这个程序。让拖拉机在页面中移动。注意：你应该采用行内样式，例：<DIV id="truck"
style="position: absolute; left: 20; top: 20">。
|
