码迷,mamicode.com
首页 > 移动开发 > 详细

asdw键移动图片.html

时间:2020-05-11 13:27:39      阅读:71      评论:0      收藏:0      [点我收藏+]

标签:back   pos   col   clock   offset   efault   position   src   图片   

<body>
<div id="myImg" style="position: absolute; width: 100px;height: 100px;background-color: pink;border: red solid 2px; border-radius: 20px;">
<!--<img style=‘width: 200px;‘ src="img/Clocks.gif">-->
</div>

<script>
var myImg = document.getElementById(‘myImg‘);
document.onkeydown = keyDown;

function keyDown(event){
switch (event.keyCode){
case 87:
myImg.style.top = myImg.offsetTop - 5+‘px‘;
break;
case 83:
myImg.style.top = myImg.offsetTop + 5+‘px‘;
break;
case 65:
myImg.style.left = myImg.offsetLeft - 5+‘px‘;
break;
case 68:
myImg.style.left = myImg.offsetLeft + 5+‘px‘;
break;
default:
break;
}
}

</script>

</body>

asdw键移动图片.html

标签:back   pos   col   clock   offset   efault   position   src   图片   

原文地址:https://www.cnblogs.com/d534/p/12868242.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!