管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

键盘元素的控制小方块的移动效果

<HTML> 
<HEAD> 
<!--code by hongseheike 
<TITLE>键盘元素的控制</TITLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3Djavascript%3E%20%0D%0A%20%20ns4%20%3D%20(document.layers)%3Ftrue%3Afalse%3B%20%0D%0A%20%20ie4%20%3D%20(document.all)%3Ftrue%3Afalse%3B%20%0D%0A%20%20function%20init()%7B%20%0D%0A%20%20%20%20%20%20%20%20if(ns4)%7Bblock%20%3D%20document.blockDiv%3B%7D%20%0D%0A%20%20%20%20if(ie4)%7Bblock%20%3D%20blockDiv.style%3B%7D%20%0D%0A%20%20%20%20block.xpos%20%3D%20parseInt(block.left)%3B%20%0D%0A%20%20%20%20%20%20%20%20block.active%20%3D%20false%3B%20%0D%0A%20%20%20%20document.onkeydown%20%3D%20keyDown%3B%20%0D%0A%20%20%20%20document.onkeyup%20%3D%20keyUp%3B%20%0D%0A%20%20%20%20if(ns4)%7Bdocument.captureEvents(Event.KEYDOWN%20%7C%20Event.KEYUP)%3B%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20function%20keyDown(e)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(ns4)%7Bvar%20nkey%3De.which%3Bvar%20iekey%3D0%3B%7D%20%0D%0A%20%20%20%20if(ie4)%7Bvar%20iekey%3Devent.keyCode%3Bvar%20nkey%3D0%3B%7D%20%0D%0A%20%20%20%20if((nkey%3D%3D97%20%7C%7C%20iekey%3D%3D65)%20%26%26%20!block.active)%7B%20%0D%0A%20%20%20%20%20%20%20%20block.active%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20slide()%3B%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20function%20keyUp(e)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(ns4)%7Bvar%20nkey%3De.which%3Bvar%20iekey%3D0%3B%7D%20%0D%0A%20%20%20%20if(ie4)%7Bvar%20iekey%3Devent.keyCode%3Bvar%20nkey%3D0%3B%7D%20%0D%0A%20%20%20%20if(nkey%3D%3D97%20%7C%7C%20iekey%3D%3D65)%7B%20%0D%0A%20%20%20%20block.active%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20function%20slide()%7B%20%0D%0A%20%20%20%20%20%20if(block.active)%7B%20%0D%0A%20%20%20%20%20%20%20%20block.xpos%20%2B%3D%205%3B%20%0D%0A%20%20%20%20block.left%20%3D%20block.xpos%3B%20%0D%0A%20%20%20%20%20%20%20%20status%20%3D%20block.xpos%3B%20%0D%0A%20%20%20%20setTimeout(%22slide()%22%2C30)%3B%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%3C%2FSCRIPT%3E"> 
</head> 
<BODY onLoad="init()"> 
//Javascript Document  
<HR> 
<center><H3>请按"A"键，使方块滑动</H3></center> 
<DIV id="blockDiv" style="position:absolute;LEFT:25; WIDTH:40;height:40 TOP:

50;layer-background-color:red;background-color:red;"> 
<h2>~v~</h2> 
</DIV> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程