鍵盤元素的控制小方塊的移動效果

2019-11-21 02:19:44

字體：大中小

來源：轉載

供稿：網友

<HTML> <HEAD> <!--code by hongseheike <TITLE>鍵盤元素的控制</TITLE> <SCRIPT language=javascript>   ns4 = (document.layers)?true:false;   ie4 = (document.all)?true:false;   function init(){         if(ns4){block = document.blockDiv;}     if(ie4){block = blockDiv.style;}     block.xpos = parseInt(block.left);         block.active = false;     document.onkeydown = keyDown;     document.onkeyup = keyUp;     if(ns4){document.captureEvents(Event.KEYDOWN | Event.KEYUP);}   }   function keyDown(e){         if(ns4){var nkey=e.which;var iekey=0;}     if(ie4){var iekey=event.keyCode;var nkey=0;}     if((nkey==97 || iekey==65) && !block.active){         block.active = true;         slide();}   }   function keyUp(e){         if(ns4){var nkey=e.which;var iekey=0;}     if(ie4){var iekey=event.keyCode;var nkey=0;}     if(nkey==97 || iekey==65){     block.active = false;         }   }   function slide(){       if(block.active){         block.xpos += 5;     block.left = block.xpos;         status = block.xpos;     setTimeout("slide()",30);       }   } </SCRIPT> </head> <BODY onLoad="init()"> //Javascript Document  <HR> <center><H3>請按"A"鍵，使方塊滑動</H3></center> <div   class="iwvjtn8m0"   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需刷新才能執行]

上一篇：如何豐富alt屬性的顯示效果

下一篇：二級連動的另一個不錯的實現方法