标题
推箱子
- 设置箱子的大小,位置。
<img src="1.jpg" style="height: 100px;width: 100px; position: absolute;left: 0px; top: 0px;" id="img" />
2.定义方法:function move() { console.log(event.keyCode); if(event.keyCode == 37 || event.keyCode == 65) { img.left -= 80; } if(event.keyCode == 38 || event.keyCode == 87) { img.top -= 80; } if(event.keyCode == 39 || event.keyCode == 68) { img.left += 80; } if(event.keyCode == 40 || event.keyCode == 83) { img.top += 80; } img.style.left = img.left + "px"; img.style.top = img.top + "px"; } document.onkeydown = move;
3: