KoXo 홈페이지 예제 pixcell 단위로 text 이동

HTML Code

<HEAD>
<STYLE type="text/css">
#mover {position: absolute; left: 450; top: 35;	/*시작 지점*/
	 color:#ff0000; font-family: 'comic sans ms';	/*스타일 지정*/
	 font-size:14pt; line-height:16pt; font-weight: bold; border: solid #eeeeee;}
</STYLE>
<SCRIPT Language="Javascript">
<!-- 감춤
function moveIt() {
  if (document.all) {
    document.all.mover.style.pixelTop+=1  //수직 단계
    document.all.mover.style.pixelLeft-=2   //수평 단계
    setTimeout('moveIt()',30)                       //지연 시간
  if (mover.style.pixelLeft <= 0){ mover.style.pixelLeft=450;}
  if (mover.style.pixelTop >= 420){ mover.style.pixelTop=0;}
  }
}
// 감춤 끝  -->
</SCRIPT>
</HEAD>


<BODY onload="moveIt()">
<DIV id="mover" style="border:solid 1 red"><NOBR>
<IMG src="../../../gif/KoXo.jpg" border=0 alt="KoXo 홈페이지">
<IMG src="../../../gif/arexp.gif" border=0 height=30 alt="예제"> pixcell 단위로 text 이동</NOBR>
</DIV>
</BODY>

참고 참고 사항

document all style pixcelTop pixcelLeft position top left setTimeout if...else... function onload


설명 중요 사항