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

· 2004-01-13 (화) 18:13:17 · 2972 · 3
페이지의 상단이동과 이전페이지로 이동되는 스크롤 소스입니다.
네스에서도 사용이 가능한걸로 알고있고요....
적당한 이미지를 사용하시면 되겠지요.
사용하시는 페이지에 따라 스크롤 위치를 지정해 주시고요.
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>

첨부파일

script.js (1.5 KB) 41회 2004-02-18 22:21
image.alz (2 KB) 35회 2004-02-18 22:21
|

댓글 3개

짱입니다. 강추.!! 그누보드를 쓰면 누구나 필요하지 않을까요?
굿입니다.
항상 미시인거 같습니다.^^
수고 하셨습니다.
앞으로도 팁 부탁 드립니다. ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누3 팁자료실

1,026건
+
제목 글쓴이 날짜 조회
MMando
04-01-23 조회 3,401
MMando
04-01-23 조회 3,091
MMando
04-01-23 조회 3,920
MMando
04-01-23 조회 3,419
04-01-21 조회 2,451
04-01-21 조회 4,509
04-01-20 조회 2,142
04-01-19 조회 3,619
04-01-19 조회 5,298
04-01-17 조회 3,279
04-01-16 조회 3,098
04-01-16 조회 2,538
04-01-15 조회 2,731
04-01-15 조회 2,493
04-01-13 조회 2,973
04-01-13 조회 3,511
MMando
04-01-13 조회 3,268
04-01-12 조회 4,163
04-01-10 조회 4,463
04-01-10 조회 2,717