back(뒤로),top(페이지상단) 스크롤 > 그누3 팁자료실

그누3 팁자료실

back(뒤로),top(페이지상단) 스크롤 정보

javascript back(뒤로),top(페이지상단) 스크롤

첨부파일

script.js (1.5K) 41회 다운로드 2004-02-18 22:21:53
image.alz (2.0K) 35회 다운로드 2004-02-18 22:21:53

본문

페이지의 상단이동과 이전페이지로 이동되는 스크롤 소스입니다.
네스에서도 사용이 가능한걸로 알고있고요....
적당한 이미지를 사용하시면 되겠지요.
사용하시는 페이지에 따라 스크롤 위치를 지정해 주시고요.
script.js 파일과 이미지 첨부합니다.
이전에 제로보드에 올렸던 소스입니다.

사용중인 홈페이지는 http://sharim.new21.net

<script language="JavaScript">
document.write('  <div  id=floater style=\"position: absolute; left: 990px; top: 600px; z-index: 10; width: 15; height: 24;\"> ');  //스크롤위치 지정
document.write('  <a href=\"javascript:history.go(-1)\" onfocus="this.blur()"><img src=\"image/btn_back.gif\" border=\"0\" style=\"margin:0 0 3 0\"></a><br> '); // back(뒤로)
document.write('  <a href=\"#top\" onfocus="this.blur()"><img src=\"image/btn_top.gif\" border=\"0\"></a></div> '); // top (페이지상단)

self.onError=null;
currentX = currentY = 0; 
whichIt = null;         
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
<!-- STALKER CODE -->
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.floater.style.pixelTop += percent;
if(NS) document.floater.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.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>
추천
0
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로