js实现键盘的上下左右控制图片移动

<body OnLoad="setOB();focus()">

<script language="JavaScript">

<!-- var key=0 var xx

function setOB(){

n = (document.layers) ? 1 : 0; X = (n)? document.ppkoabcd : ppkoabcd.style Xpos = parseInt(X.left);

Ypos = parseInt(X.top);

document.onkeydown = keyDown;

document.onkeyup = keyUp;

if (n) document.captureEvents(Event.keydown | Event.keyup);

}

function keyDown(e) {

key = (n)? e.which : event.keyCode if (key == 108 || key == 37) m(1,2);

if (key == 114 || key == 39) m(1,3);

if (key == 100 || key == 40) m(1,4);

if (key == 117 || key == 38) m(1,5);

}

function keyUp(e) {

key=0;clearTimeout(xx);

}

function m(t,u) {

clearTimeout(xx) if (t==1){ if (u==2){X.left = Xpos-=5;

xx = setTimeout("m(1,2)", 40);

}

if (u==3){

X.left = Xpos+=5;xx = setTimeout("m(1,3)", 40);

}

if (u==4){

X.top = Ypos+=5;xx = setTimeout("m(1,4)", 40);

}

if (u==5){

X.top = Ypos-=5;xx = setTimeout("m(1,5)", 40);

}

   } } //-->

</script>

<div id="ppkoabcd" >   <img src="webgame/0.gif"> </div>

转载于:https://www.cnblogs.com/xiaoxiyu/p/4071571.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值