<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル> </ TITLE>
<スタイルタイプ= "テキスト/ cssの">
＃のD01 {
幅：100pxに。
高さ：100pxに。
背景 - 色：赤;
位置：絶対;
}
</スタイル>
</ head>
<body>
<DIV ID = "D01"> </ div>
</ body>
<スクリプトタイプ= "テキスト/ javascriptの"> / * キーボードモバイル
*左ボタンを押す、D01の左側。。。* / Varの D01 =のdocument.getElementById（ "D01" ）;
document.onkeydown
= 関数（イベント）{
// 上下左エンコーディングに右相当37-40
スイッチ（event.keyCode）{
ケース 37 ：
// 警告（ "左"）;
d01.style.left = d01.offsetLeft-10 +「PX " ;
Berak、
ケース 38は：
// 警告（"上方"）;
d01.style.top = d01.offsetTop-10 +" PX " ;
Berak;
ケース 39 ：
// アラート（"右「）;
d01.style .LEFT = d01.offsetLeft + 10 + "PX。
berak;
ケース 40 ：
// 警告（ "向下"）;
d01.style.top = d01.offsetTop + 10 + "PX" 。
berak;
}
}
</ SCRIPT>
</ HTML>