Javascript实现推箱子

标题

推箱子

  1. 设置箱子的大小,位置。
    <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:
    代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值