Javascript 键盘事件移动图片

来源：互联网发布：surface pro5测评知乎编辑：程序博客网时间：2024/06/09 17:32

CODE:

<body onkeydown="movePic()">    <div style="width:600px;height:300px;border:1px solid green">        <img id="pic" src="lang.gif" style="border:0;width:80px;position:absolute;left:260;top:120">    </div>    <script>        var pic = document.getElementById("pic");        var step = 10;                var x = pic.style.pixelLeft;        var y = pic.style.pixelTop;                function movePic(){            var code = event.keyCode;             switch(code) {                case 37:                    x-=step;                    pic.style.left = x;                     break;                case 38:                    y-=step;                    pic.style.top = y;                    break;                case 39:                    x+=step;                    pic.style.left = x;                    break;                case 40:                    y+=step;                    pic.style.top = y;                    break;                        }        }        </script></body>

阅读全文

0 0