스크롤 배너 만드는 방법입니다. 정보
스크롤 배너 만드는 방법입니다.본문
<!-- <head> 와 </head> 사이에 넣으세요. -->
<STYLE type=text/css>
#scroll_banner { left:0px; top:0px; position:absolute; visibility:visible; }
</STYLE>
<SCRIPT language="JavaScript">
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset;
}
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.scroll_banner.style.pixelTop += percent;
if(NS) document.scroll_banner.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.scroll_banner.style.pixelLeft += percent;
if(NS) document.scroll_banner.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</SCRIPT>
<!-- 여기까지 <head> 와 </head> 사이에 넣으세요. -->
<div style="position:relative; z-index:1; left: -430px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
<!-- 여기서부터 배너이미지 삽입 -->
내용
<!-- 스크롤배너 끝 -->
</DIV>
</div>
---------------------------------------------------------------------
절대값 수정해서 적용하면 어떤 해상도에서도 정해진 위치에 흐르는 스크롤배너를 만드실 수 있습니다.
4
댓글 7개
<div style="position:relative; z-index:1; left: -430px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
이부분 에서 수정하는게 절대값이죠?...
