<html>
<head>
<title></title>
<linkrel="stylesheet"type="text/css"href="public/easy_ui/themes/icon.css">
<scripttype="text/javascript"src="public/easy_ui/jquery.min.js"></script>
<scripttype="text/javascript"src="public/easy_ui/easy_ui.min.js"></script>
<scripttype="text/javascript"src="public/easy_ui/easyloader.js"></script>
</head>
<body>
<div="div"="background-color: red; width: 400px; height: 300px; left: 100px; top: 100px;">
</div>
</body>
<script>
(){
function (event) {
var keyCode = event.keyCode;
var space = 20;
var div = $('#div');
switch(keyCode){
case 37: div.offset({left:(div.offset().left - 20)}); break;
case 38: div.offset({top:(div.offset().top - 20)}); break;
case 39: div.offset({left:(div.offset().left + 20)}); break;
case 40: div.offset({top:(div.offset().top + 20)}); break;
: break;
 }
 });
});
</script>
</