<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script>

        function Keyaction(eventTemp) {
            var event = eventTemp || window.event;
            var code = event.charCode || event.keyCode;
            var ImageLocation = document.getElementById('image');
           
            switch(code)
            {
            case 38:
                ImageLocation.style.top = parseInt(ImageLocation.style.top) - 100 + "px"; break;
           
           
            case 40:
                ImageLocation.style.top = parseInt(ImageLocation.style.top) + 100 + "px";break;
          
           
            case 37:
                ImageLocation.style.left = parseInt(ImageLocation.style.left) - 100 + "px";break;
           
           
          case 39:
                ImageLocation.style.left = parseInt(ImageLocation.style.left) + 100 + "px";break;
           
        }
       
        }
      
       
    </script>

</head>
<body>
    <img src="image/荷花.jpg" alt="this is image" style="position: absolute;
        left: 0px; top: 0px;" align="middle" />
</body>
</html>