Code to use keyboard to control layer movement under javascript_javascript skills

请分别按下 ↑、↓、←、→，

试试看有什么效果？ 

Control key settings:

Move up:


Move down:


Move left:


Move right:
< input name="Right" type="text" value="→" size="6">

Each move
px;

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Keyboard control layer movement</title> <style type="text/css"> <!-- #Div { position:absolute; width:238px; height:135px; left:expression((body.clientWidth - this.offsetWidth)/2); top:expression((body.clientHeight - this.offsetHeight)/2); z-index:1; text-align:center; background:#AFDBFF; border:#006699 1px solid; } #Txt{ font-size:9pt; position:absolute; width:200px; top:expression((Div.offsetHeight - this.offsetHeight)/2); left:expression((Div.offsetWidth - this.offsetWidth)/2); } #Txt p{ font-size:9pt; margin:8px; } #Txt font{ color:#FF0000; font-size:9pt; } #Layer1 { border:#006699 1px solid; padding:10px; font-size:9pt; color:#336699; position:absolute; top:expression((body.clientHeight - this.offsetHeight)/2); left:expression((body.clientWidth - this.offsetWidth)/2 Div.offsetWidth); } #Layer1 Input { font-size:9pt; color:#336699; } #Int { text-align:right; } --> </style> <div id="Div"><span id="Txt"><p> Please press <font></font></p></span></div>