我正在尝试使用纯JavaScript随机移动图像。
事件onclick后，图像位置应根据生成的随机数移动。
这是我的代码:
<html>
<head><title> Move Image </title>
<style type="text/css">
#smiley { position: relative; top: 0px; left: 0px; }
</style>
<script type="text/javascript">
function changeImg()
{
var x = Math.floor(Math.random()*300);
var y = Math.floor(Math.random()*300);
var obj = document.getElementById("emotion");
obj.style.top = x + "px";
obj.style.left = y + "px";
obj.onclick= "changeImg();"
}
</script>
</head>
<body>
<img id="emotion"
src="http://www.google.com/images/srpr/logo4w.png"
width="42" height="42">
</body>
</html>
任何的想法？
谢谢!
最佳答案
changeImg()分配给<img><img ... onclick="changeImg()">
position: absolute和top，则元素必须为left。 <img>标记的ID为emotion，而不是smiley。 <img>函数时设置onclick的changeImg()属性。一次就够了。