07_js走路小游戏

<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="data: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="data:images/"+fx+"_2.jpg";
else
ren.src="data: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>
上一篇:Java for LeetCode 078 Subsets


下一篇:linux配置IP的方法