设置一个box样式:
#box{
position: absolute;
top: 200px;
left: 200px;
width: 100px;
height: 100px;
background-color: orange;
}
对onkeydown事件设置监听,根据按下的方向键改变CSS样式:
document.onkeydown=function(e){
switch(e.keyCode){
case 37:
l-=3;
break;
case 38:
t-=3;
break;
case 39:
l+=3;
break;
case 40:
t+=3;
break;
}
//更改样式
oBox.style.left=l+'px';
oBox.style.top=t+'px';
}
效果图: