웹마스터 팁

Top, Back 함께사용하기

2003.06.11 14:22

<script language="Javascript">
document.write('  <div  id=floater style="position: absolute; left: 850px; top: 500px; z-index: 10; width: 15; height: 24;"> ');
document.write('  <a href="javascript:history.go(-1)" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_back.gif" border="0" style="margin:0 0 3 0"></a><br> ');
document.write('  <a href="#top" onfocus="this.blur()"><img src="/files/attach/images/19360727/783/368/019/btn_top.gif" border="0"></a></div> ');

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

위로가기(top)와 뒤로가기(back)를 스크롤메뉴로 만들어주는 소스입니다.
중복은 아닌지.....검색해 보았는데 없는것 같아서요,,
div에서 이미지 경로와 페이지에서 스크롤되는 위치를 수정하여 주시면 됩니다.
<head></head>에 소스를 넣으시거나 js파일로 만들어 사용하세요
js파일로 저장하여 사용하시면 편리할것 같네요.

이 게시물을

댓글 0

목록

제목	글쓴이	날짜
상태바에 2개의 메세지가 뜨는 태그	김주형	2003.07.03
마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3]	김주형	2003.07.03
아이프레임으로 나타낸 문서를 크기에 맞게 자동으로 사이즈 조절 [3]	DODGE	2003.06.28
웹에서그림그리기 [5]	카이저	2003.06.27
손쉬운 롤오버 이미지 자동생성 [15]	행복한고니	2003.06.16
[스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2]	처절초보	2003.06.16
[스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1]	처절초보	2003.06.16
Top, Back 함께사용하기	sharim	2003.06.11
자바스크립트로 두개 이상의 페이지 동시에 열기. [4]	이성헌	2003.06.08
엔터키 걸러내고 코멘트 무조건 10자이상으로 하게하는 자바스크립트 소스 [9]	교행사랑	2003.06.06
오른쪽마우스 클릭금지,드래그금지,하단주소 숨기기 한꺼번에~ [8]	한길	2003.06.03
크롬리스(Chromless) 웹어플리케이션 -6 (최종) [4]	sundew	2003.05.30
메뉴 옆에서 화살표가 스크롤되는.. [2]	힘찬연못	2003.05.29
크롬리스(Chromless) 웹어플리케이션 -5 [3]	sundew	2003.05.28
스크롤되는 레이어 나두 갖구 싶어서 ^^; 맹글어 봤습니다. [10]	M@xPond	2003.05.28
오른쪽 버튼 클릭시 북마크창 띄우기(1석2조 방식) [4]	RedEye(rinja)	2003.05.23
크롬리스(Chromless) 웹어플리케이션 -4 [4]	sundew	2003.05.23
손님컴퓨터에 내홈피 즐겨찾기 원클릭으로추가시키기 [5]	호호짱	2003.05.23
크롬리스(Chromless) 웹어플리케이션 -3 [5]	sundew	2003.05.21
오늘 날짜와 시간 [3]	Brown	2003.05.20

태그 쓰기