Question

JS让图片移动的效果

html文件:

<div id="div1">
<p id="p">Are you ready?<br/>
<input id="button" type="button" value="开始游戏" onclick="showNewPage()"/>
</div>
<img id="image" src="ufo.png" width="240" height="140" />
</body>
</html>

html文件导入的js文件:
function showNewPage()
{
window.open('ufo大作战.html','_top');
}

var el=null;
var timer=null;

function moveIt()
{
if(parseInt(el.style.left)>(screen.width-50))
{
el.style.left=0;
}
el.style.left=parseInt(el.style.left)+6+"px";
el.style.top=200+(150*Math.sin(parseInt(el.style.left)))+"px";
timer=setTimeout("moveIt()",50);
}

function stop()
{
return false;
}

window.onload=function()
{
//禁止用户右键操作
document.oncontextmenu=stop;
el=document.getElementById("image");
moveIt();
}

用moveIt()函数来控制html文件中的图片移动 可是图片没动

Answer 1

<img id="image" src="ufo.png" width="240" height="140"
style="position: absolute; left: 0px; top: 0px;" />