软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：键盘元素的控制小方块的移动效果

<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>

技术文章快速查找

用JQuery调用Session的实现代码

文本框中禁止非数字字符输入比如手机号码、邮编

jQueryUI如何自定义组件实现代码

详解0级DOM：Document对象的属性和方法

js跨域问题之跨域iframe自适应大小实现代码

js 获取网络图片的高度和宽度的实现方法(变通了下)

JQuery里面的几种选择器查找满足条件的元素$("#控件ID")

js 回车提交表单两种实现方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建