标签：
<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>
标签：
原文地址：http://www.cnblogs.com/aigeileshei/p/5616937.html
