?? 游戲移動.html
字號:
<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 + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -