HTML Code

<HEAD>
... 생략 ...
<SCRIPT>
<!--
str='<DIV id=slider style="position:absolute; top:540px; left:610px; visibility:visible;">';
str+='<DIV style="border:double 3 blue;background:faf;width:120;line-height:1.2em;color:blue;padding:3;';
str+='text-align:center;white-space:nowrap">슬라이더</DIV></DIV>';
document.write(str);	// 슬라이더 박스를 만듬
offsetX = lastScrollX = lastScrollY = tmp2= tmp3 =0;
tmp1 = document.body.clientHeight;

function doSlide() {	// 슬라이더 기능함수
	tmp2 = document.body.clientHeight;
	if (tmp1 != tmp2){
		tmp3 =  tmp2 - tmp1; 
		tmp1 = tmp2;
	}
  	offsetY = document.body.scrollTop; 
	if (offsetY != lastScrollY) {
		gap = .1 * (offsetY - lastScrollY);
		if (gap > 0) gap = Math.ceil(gap);
		else gap = Math.floor(gap);
		document.all.slider.style.pixelTop += gap;
		lastScrollY = lastScrollY + gap;
	}
	if (offsetX != lastScrollX) {
		gap = .1 * (offsetX - lastScrollX);
		if (gap > 0) gap = Math.ceil(gap);
		else gap = Math.floor(gap);
		document.all.slider.style.pixelLeft += gap;
		lastScrollY = lastScrollY + gap;
	} 
} 
window.setInterval("doSlide()",1);
//-->
</SCRIPT>
</HEAD>

<BODY onload="doSlide()">
<A name=top></A>
<DIV class=example>
<DIV class=show style=width:600>윗 내용들 ...</DIV>
</BODY>
</HTML>
참고 참고 사항

function if...else... ceil floor setInterval position visibility whiteSpace pixelLeft clientHeight scrollTop style


설명 중요 사항