master

分支 (1)

管理

管理

master

lnmpbroter
/
110.写一个按着键盘div移动的事件，模仿炸弹飞车.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{
            width: 100px;
            height: 100px;
            background-color: red;
            position: absolute;
        }
    </style>
    <script>
        window.onload=function () {
            var div1=document.getElementById("div1");
            var dir=0;
            setInterval(function () {
                speed=10
                console.log(dir)
                switch(dir){
                    case 38:
                        div1.style.top=div1.offsetTop - speed+"px";
                        break
                    case 39:
                        div1.style.left=div1.offsetLeft + speed+"px";
                        break
                    case 40:
                        div1.style.top=div1.offsetTop + speed+"px";
                        break
                    case 37:
                        div1.style.left=div1.offsetLeft - speed+"px";
                        break
                }
            },30)
            document.onkeydown=function (event) {
                event=event||window.event;
                //alert(event.keyCode);
                dir=event.keyCode;
            }
            document.onkeyup=function () {
                dir=0
            }
        }
    </script>
</head>
<body>
<div id="div1"></div>
</body>
</html>