JS代码+实现图片效果

最新推荐文章于 2024-07-11 11:30:00 发布

[ ?? ]

最新推荐文章于 2024-07-11 11:30:00 发布

阅读量331

点赞数

本文链接：https://blog.csdn.net/hyt_123456/article/details/102575232

版权

标题

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script language="JavaScript">
    function mover(){
        var kl = document.getElementById("kl");
        var left = parseInt(kl.style.marginLeft);
        var top = parseInt(kl.style.marginTop);
        if(event.keyCode == 37){
            left -= 5;
        }else if(event.keyCode == 38){
            top  -= 5;
        }else if(event.keyCode == 39){
            left  += 5;
        }else if(event.keyCode == 40){
            top  += 5;
        }
        kl.style.marginLeft = left+"px";
        kl.style.marginTop = top+"px";
    }
    document.onkeydown = mover;
</script>

<body>
<img id="kl" src="image/konglong.png" style="margin-top: 30%;margin-left: 45% ">
</body>
</html>