<html> <head> <!-- 不做了,思路: 按enter键停止,将xs,ys替换为0,再次按,判断xs和ys是否为0,是的话,讲根据fx给xsys赋值。 实现鼠标点哪往哪里走:获取鼠标的坐标,和现在的左边,确定应该往x走多少,y走多少,根据x y的值调走的速度 --> </head> <body onkeydown="opt()"> <img border="0" id="ren" src="images/q_1.jpg" style="position:absolute;left:0px;top:0px;"> </body> <script> var ren=document.getElementById("ren"); var fx="q"; function transStr(obj){ //return obj.substring(obj.lastIndexOf("/")+1,obj.length); return obj.substr(obj.lastIndexOf("/")+1); } function changetu(){ if(transStr(ren.src).charAt(2)=="1") ren.src="images/"+fx+"_2.jpg"; else ren.src="images/"+fx+"_1.jpg"; } function start1(){ setInterval(function(){ run(); changetu(); },400); } start1(); function opt(){ var code=event.keyCode; switch(code){ case 37://左 fx="z" ys=0; xs=-5; break; case 39://右 fx="y"; ys=0; xs=5; break; case 38://上 fx="h"; xs=0; ys=-5; break; case 40://下 fx="q"; xs=0; ys=5; break; } } var x=0; var y=0; var xs=0; var ys=0; function run(){ x+=xs; y+=ys ren.style.left=x; ren.style.top=y; } </script> </html>