진

스크롤 배너 만드는 방법입니다.

· 2011-01-29 (토) 02:58:16 · 6862 · 7

<!-- <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>

---------------------------------------------------------------------

절대값 수정해서 적용하면 어떤 해상도에서도 정해진 위치에 흐르는 스크롤배너를 만드실 수 있습니다.

|

댓글 7개

ㅎ.....고맙습니다......
2011-01-30 (일) 03:45:10
좋은 정보 감사합니다
2011-01-31 (월) 12:46:44
브라우저마다 호환이 어떻게 되나요?
2011-01-31 (월) 15:16:14
좋은정보 감사합니다~
<div style="position:relative; z-index:1; left: -430px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
이부분 에서 수정하는게 절대값이죠?...
2011-05-30 (월) 05:29:44
감사합니다.
2011-12-23 (금) 08:37:05
ㅈㅈ 크롬에서 안됩니다 짤릴뻔;;;
익스전용~~ㅅㅅㅅㅅ 감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
11-02-09 조회 4,874
11-02-09 조회 8,047
11-02-08 조회 5,309
11-02-06 조회 3,484
11-02-03 조회 5,713
11-02-03 조회 8,356
11-02-01 조회 3,576
11-01-29 조회 6,863
11-01-28 조회 5,072
11-01-28 조회 5,055
11-01-28 조회 3,745
11-01-27 조회 3,357
11-01-27 조회 3,876
11-01-26 조회 4,399
11-01-25 조회 5,092
11-01-18 조회 1만
11-01-17 조회 9,151
11-01-17 조회 7,527
11-01-16 조회 4,655
11-01-14 조회 6,089