Незнаю подойдет ли вам мой вариант , так как он на jquery , наваял за 5 минут
Код
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$(document).keypress(function(e) {
if (e.keyCode=="38")
{
$("#go").animate({marginTop:"-=20px"},"fast");
}
if (e.keyCode=="40")
{
$("#go").animate({marginTop:"+=20px"},"fast");
}
if (e.keyCode=="39")
{
$("#go").animate({marginLeft:"+=30px"},"fast");
}
if (e.keyCode=="37")
{
$("#go").animate({marginLeft:"-=30px"},"fast");
}
});
});
</script>
<center><img src="http://s12.ucoz.net/a/05/0931.jpg" id="go" style="padding:240"></center>
</body>
</html>
перемещать картинку стрелочками на клавиатуре , в <body> бэкграунд , ну или в див а картинке z-index