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

所属分类：网络编程 / JavaScript 阅读数： 890

收藏 0赞 0分享

<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 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需再刷新一下页面才能执行]

更多精彩内容其他人还在看

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

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和proto的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

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

Node.js事件的正确使用方法

微信小程序自定义导航栏实例代码

js字符串处理之绝妙的代码

vue设计一个倒计时秒杀的组件详解

详解服务端预渲染之Nuxt（介绍篇）

javascrit中undefined和null的区别详解

浅谈javascript中的prototype和__proto__的理解

详解vue中this.$emit()的返回值是什么

浅谈express.js框架中间件（middleware）

vue自定义指令directive的使用方法

网络赚钱

站长故事

浅谈javascript中的prototype和proto的理解