js实现键盘的上下左右控制图片移动
2014-11-03 16:46
766 查看
<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>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用JS实现键盘左右键控制图片移动
- js实现按键球，小球随键盘上下左右控制移动
- js实现简单的动画（4个按钮控制图片上下左右移动）
- js实现用键盘控制DIV上下左右+放大缩小与变色
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- Js实现图片缩放上下左右移动效果
- js 键盘控制表格input上下左右移动
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- Javascript实现图片位置控制（鼠标拖拽 + 键盘方向键移动）源码分享
- js实现图片左右移动轮播
- js实现键盘控制DIV移动的方法
- js实现鼠标左右移动，图片也跟着移动效果
- 如何实现上下左右键盘控制焦点使之落在相邻文本框或下拉框中-Web开发/JavaScript
- js支持键盘控制的左右切换立体式图片轮播效果代码分享
- 原生js实现键盘控制div移动且解决停顿问题
- 零基础ios开发（二 关联button 实现图片的上下左右移动）
- 键盘控制div上下左右移动 (转)
- css3 来实现图片在指定容器内等比例缩放，并控制中上下左右居中
- 图片的左右移动，js动画效果实现代码
- 【 java版坦克大战--事件处理】 键盘控制小球上下左右移动