움직이는 배너 호환성 관련 질문입니다 정보
움직이는 배너 호환성 관련 질문입니다본문
활용팁 게시판에서 어느분이 올리신 소스를 그대로 적용해봤습니다
------------------------------------------------------------
<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: -1004px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
<!-- 여기서부터 배너이미지 삽입 -->
<img src="img/move.jpg" width="115" height="172" />
<!-- 스크롤배너 끝 -->
</DIV>
</div>
--------------------------------------------------------------
아.. 이 소스 정말 마음에 딱 들게
브라우저 사이즈 변경해도 원하는 위치에 고정되있어서 마음에 드는데
익스프롤러에서만 됩니다. 파폭, 크롬에서는 안됩니다.
알아보니 document.all 코드가 IE전용 코드라서 그렇다던데
이 소스 수정 좀 해서 크롬,파폭 다 될 수있게 할 순 없을까요??
------------------------------------------------------------
<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: -1004px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
<!-- 여기서부터 배너이미지 삽입 -->
<img src="img/move.jpg" width="115" height="172" />
<!-- 스크롤배너 끝 -->
</DIV>
</div>
--------------------------------------------------------------
아.. 이 소스 정말 마음에 딱 들게
브라우저 사이즈 변경해도 원하는 위치에 고정되있어서 마음에 드는데
익스프롤러에서만 됩니다. 파폭, 크롬에서는 안됩니다.
알아보니 document.all 코드가 IE전용 코드라서 그렇다던데
이 소스 수정 좀 해서 크롬,파폭 다 될 수있게 할 순 없을까요??
댓글 전체