游戏移动.html

来自「是一个对strus的很好的理解」· HTML 代码 · 共 35 行

HTML
35
字号
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>通过键盘移动图像</TITLE>
<STYLE type="text/css">
<!--
body {
	background-image: url(images/game.jpg);
	background-repeat: repeat-y;
}
 
-->
</STYLE>
<SCRIPT language="javascript" type="text/javascript">
 function move( )
 {
  //alert(event.keyCode);
 if (event.keyCode==38)
    document.getElementById("man").style.pixelTop=document.getElementById("man").style.pixelTop-5;
  if (event.keyCode==40)
    document.getElementById("man").style.pixelTop=document.getElementById("man").style.pixelTop+5;
  if (event.keyCode==37)
    document.getElementById("man").style.pixelLeft=document.getElementById("man").style.pixelLeft-5;
  if (event.keyCode==39)
    document.getElementById("man").style.pixelLeft=document.getElementById("man").style.pixelLeft+5;
 }
document.onkeydown= move ;
 </SCRIPT>
</HEAD>

<BODY>
<DIV id="man" style="position:absolute;left:543px;	top:288px;width:89px;height:115px;z-index:1"><IMG src="images/man.gif" width="82" height="152"></DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?