0. 效果图
1. 实现代码
html
<head><style>.box {position: absolute;width: 100px;height: 100px;top: 100px;left: 100px;background-color: orange;}</style></head><body><div class="box" id="box"></div></body>
javascript
var oBox = document.getElementById('box');var t = 100;var l = 100;document.onkeydown = function (e) {console.log(e.keyCode);switch (e.keyCode) {case 37:l -= 3;break;case 38:t -= 3;break;case 39:l += 3;break;case 40:t += 3;break;default:break;}oBox.style.left = l + 'px';oBox.style.top = t + 'px';}
![[06月]远远的目标：迈向一生的远方](https://1200zi.500zi.com/uploadfile/img/2024/06/10/255b07975960d134da74b72bd37a288c.jpg)
![[06月]回忆童年：1200字作文素材盘点](https://1200zi.500zi.com/uploadfile/img/2024/06/10/4b77421012e6a44fbff1b81ab566ceca.jpg)
![[06月]国贸实训总结 1200字](https://1200zi.500zi.com/uploadfile/img/2024/06/10/952fcbbb5230d56de100926df50695b4.jpg)
