js-键盘事件案例-飞机发射子弹
一.先对飞机进行研究:
css部分
改变飞机的位置,所以要加定位
<style>
#img{
position:absolute;
left:0px;
top:0px;
}
</style>
html部分
(images/1.gif为飞机图片)
<body>
<img src="images/1.gif" alt="" id="img">
<script src="script.js"></script>
</body>
js部分
我们先对小飞机设置移动,暂时不考虑子弹,利用键盘事件,
具体思路与同目录下的小人快跑案例相同,就不重复说了
var img = document.getElementById("img");
document.onkeydown = function(e) {
var e = window.event || e;
switch (e.keyCode) {
case 37:
img.style.left = img.offsetLeft - 10 + "px";