网页上使用上下左右方向键控制图片移动

发布时间：2018-08-22 12:09:06 所属栏目：Asp教程来源：站长网

导读：烈38火07网(LieHuo24.Net)教24程网页上使用上下左右方向键控制图片移动，用键盘上的方向键，来控制网页上某个图片的移动，按键，图片则向上，按键，图片则向下，其它也如此。聪明的朋友就会知道， Java Script通过获取键盘的键位码，改变图片在XY方向上的

　　烈38火07网(LieHuo24.Net)教24程网页上使用上下左右方向键控制图片移动，用键盘上的方向键，来控制网页上某个图片的移动，按↑键，图片则向上，按↓键，图片则向下，其它也如此。聪明的朋友就会知道，JavaScript通过获取键盘的键位码，改变图片在XY方向上的坐标值，每次增加一个步长，也就是1像素，当然这个值是可以自己设定的，在Js游戏开发中，我们经常会用到这些技能。

　　演示：

<html> <head> <title>用方向键来控制图片移动</title> <script language="javascript">  </script> </head> <body> 请按←↑→↓键，看看效果吧！<br /><br /> <img id="pic" src="http://www.veryhuo.com/images/logo.gif" style="position:absolute;left=100;top=100"> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

ASP汉字转拼音函数	asp里如何循环输出26个
asp中将字符串转数字的	asp.net Repeater之非