将图像在页面上移动一个随机量

Move an image across the page a random amount

我正在尝试使用随机数在页面上移动图像,该随机数会影响图像的移动量​​。我得到了要显示的随机数,所以我知道该数字正在生成,但我的图像根本不会移动。

下面是我用过的html、javascript、css:

http://jsbin.com/bodajisihu/1/edit?html,css,js,output

你拼错了函数名。 "moveCars"

中有一个"s"

http://jsbin.com/begafabuya/1/edit?html,css,js,output

请检查这个编辑后的JSBin。

我做了以下更改: 1. 您试图将 left 值设为 car1.style.left,如果您在外部样式中定义了 left,则该值不适用于图像。你需要让它内联。 2. 现在,你可以使用 car1.style.left,但它仍然是 returns 一个附加了 'px' 的字符串,所以我用 .replace("px", "") 替换了它。但我认为仅 parseInt 就可以截断该位,所以这一点可能无关紧要

这里请注意 car1 是对 car 元素的引用,即 var car1 = document.getElementById('car1');