 |
热门文章 |
|
|
|
|
| 用方向键来控制图片移动 |
| 来源：源码爱好者 更新时间：2010/12/17 0:05:14 阅读次数： 我要投稿 |
|
<html>
<head>
<title>用方向键来控制图片移动</title>
<script language="javascript">
<!--
function move(){
key = event.keyCode;
x = parseInt(pic.style.left);
y = parseInt(pic.style.top);
step = 2;
if (key == 37) pic.style.left = x - step;
if (key == 38) pic.style.top = y - step;
if (key == 39) pic.style.left = x + step;
if (key == 40) pic.style.top = y + step;
}
document.onkeydown=move;
-->
</script>
</head>
<body>
请按←↑→↓键
<img id="pic" src="/effects/UploadFiles_7074/201012/2010121700062661.gif" style="position:absolute;left=100;top=100">
</body>
</html> |
| 特效说明： |
用键盘上的方向键，来控制网页上某个图片的移动，按↑键，图片则向上，按↓键，图片则向下，其它也如此。聪明的朋友就会知道，JavaScript通过获取键盘的键位码，改变图片在XY方向上的坐标值，每次增加一个步长，也就是1像素，当然这个值是可以自己设定的，在Js游戏开发中，我们经常会用到这些技能。 |
|
| 上一篇文章： 实时动态获得鼠标在网页中X、Y坐标下一篇文章： 一个挺漂亮的鼠标跟随效果 |
|
|
|
注册 登录
