js 移动图片

fonyer

于 2010-08-02 17:18:15 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/fonyer/article/details/83119308

<html>
<head>
<script type="text/javascript">
function move(event){
var e = event.keyCode;
var d = document.getElementById("ig");
if(e == 37){//左
    d.style.right = parseInt(d.style.right) + 20;
}else if(e == 38){//上
    d.style.top = parseInt(d.style.top) - 20;
}else if(e == 39){//右
    d.style.right = parseInt(d.style.right) - 20;
}else if(e == 40){//下
    d.style.top = parseInt(d.style.top) + 20;
}

}
</script>
</head>
<body onKeyDown="move(event)">
<div id="ig" style="position:absolute;right:100;top:100">
<img src=" http://img.baidu.com/img/img-jg.gif" alt="走路" height="50px" width="50px"/>
</div>
</body>
</html>

js 移动 图片

js 移动图片