인터넷정보

방향키로 문자나 이미지 이동시키기

알 수 없는 사용자 2007. 10. 17. 18:17

<font style=font-size:9pt;>

방향키에 의해 * 움직이기 스크립트<br><br>

글자나 이미지를 넣어도 되구요. 이 스크립트를 사용할 만한 곳은 없는듯...;;<br>
방향키로 좌우상하로 이동시켜보세요.<br><br>

<script>

 function am(_kind) {
  var obj;
  var to;
  var le;
  obj = eval(document.all['zec'].style);
  to = parseInt(document.all['zec'].style.top);
  le = parseInt(document.all['zec'].style.left);
  if(_kind == 1) {
   obj.top = to + 5;
  } else if(_kind == 2) {
   obj.left = le + 5;
  } else if(_kind == 3) {
   obj.top = to - 5;
  } else if(_kind == 4) {
   obj.left = le - 5;
  } else {
   window.alert("Error!");
  }
 }

 function hot(){
  t=event.srcElement.tagName;
  if(t!="TEXTAREA" && t!="INPUT") {

   // 아래쪽
   if(event.keyCode=="40") am(1);

   // 오른쪽
   if(event.keyCode=="39") am(2);

   // 위쪽
   if(event.keyCode=="38") am(3);

   // 왼쪽
   if(event.keyCode=="37") am(4);
  }
 }

 document.onkeydown=hot;

</script>

<div id="zec" style="position:absolute; left:0; top:0px;">*</div>

</font>
   

반응형