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

来源：动视网责编：小采时间：2020-11-27 20:34:34

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

键盘元素的控制小方块的移动效果_javascript技巧: 键盘元素的控制 ns4 = (document.layers)true:false; ie4 = (document.all)true:false; function init(){ if(ns4){block = document.blockDiv;} if(ie4){block = blockDiv.style;} block.xpo

推荐度：

点击下载本文 文档为doc格式

导读键盘元素的控制小方块的移动效果_javascript技巧: 键盘元素的控制 ns4 = (document.layers)true:false; ie4 = (document.all)true:false; function init(){ if(ns4){block = document.blockDiv;} if(ie4){block = blockDiv.style;} block.xpo

<HTML> 
<HEAD> 
键盘元素的控制</TITLE> 
 
 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); 
 } 
 } 
 
</head> 
<BODY onLoad="init()"> 
//Javascript Document 
<HR> 
<center><H3>请按"A"键，使方块滑动</H3></center> 
 
<h2>~v~</h2> 
 
</BODY> 
</HTML>

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

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

推荐度：

点击下载本文 文档为doc格式

标签：移动 js javascript

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐