웹마스터 팁

홈페이지 TOP 버튼 만들어 보기

2006.04.10 13:57

인테리어뱅크

<script language=javascript>
<!--

var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);

function getRef(id) {
        if (isDOM) return document.getElementById(id);
        if (isIE4) return document.all[id];
        if (isNS4) return document.layers[id];
}

var isNS = navigator.appName == "Netscape";

function moveRightEdge() {

        var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
        
        if (isNS4) {
                yMenuFrom   = divMenu.top;
                yMenuTo     = windows.pageYOffset + 405;   // 위쪽 위치
        } else if (isDOM) {
                yMenuFrom   = parseInt (divMenu.style.top, 10);
                yMenuTo     = (isNS ? window.pageYOffset +405 : document.body.clientHeight + document.body.scrollTop - 45 ); // 위쪽 위치
                if(!isNS) {
                        if( yMenuTo > document.body.scrollHeight - 250 ) yMenuTo = document.body.scrollHeight - 235;
                        if( yMenuTo < 65 ) yMenuTo = 65;
                }
        }
        
        timeoutNextCheck = 500;
        
        if (yMenuFrom != yMenuTo) {
                yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 10);
                if (yMenuTo < yMenuFrom)
                        yOffset = -yOffset;
                if (isNS4)
                        divMenu.top += yOffset;
                else if (isDOM)
                        divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
                        timeoutNextCheck = 10;
        }
        setTimeout ("moveRightEdge()", timeoutNextCheck);
}
//-->
</script>

<a href="#top" onFocus="blur()">
<img id=divMenu style="left: 880; top:260; visibility: visible; width: 13px; position: absolute" src="탑버튼 이미지경로" border="0" height="33"></a>

<script language=javascript>
<!--
if (isNS4) {
        var divMenu = document["divMenu"];
        divMenu.top = windows.pageYOffset + 405;
        divMenu.visibility = "visible";
        moveRightEdge();
} else if (isDOM) {
        var divMenu = getRef('divMenu');
             divMenu.style.top = (isNS ? window.pageYOffset +405 : document.body.clientHeight + document.body.scrollTop - 45 );
        if(!isNS) {
                if( divMenu.style.top > document.body.scrollHeight - 250 ) divMenu.style.top = document.body.scrollHeight - 235;
                if( divMenu.style.top < 65 ) divMenu.style.top = 65;
        }
                        
        divMenu.style.visibility = "visible";
        moveRightEdge();
}
//-->
</script>
<!--TOP버튼 끝-->
.
제목 글쓴이 날짜
아이프레임속 링크를 기존페이지에서 이동하기 [1] file 정다운804 2008.06.19
페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] cyric 2008.06.17
페이지 숫자에 네이버처럼 사각테두리 씌우기 [8] file 탑심 2008.06.15
1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. 그라미 2008.06.03
외부페이지 접근을 제로보드XE를 통해서만 접근을 허용 하고 싶다면 [9] 임기택924 2008.06.03
홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] file findwind 2008.05.19
rewrite mod 사용시 404 페이지 에러 해결 방법 이종준 2008.05.09
홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 file 팔공산 2008.04.29
각 페이지에 쓸 수 있는 변수명들 찾기 [6] lainfox 2008.04.29
404 에러 페이지를 만들어 보자 [2] hangoon 2008.04.11
외부페이지에서 매개변수 사용하기 [2] JnCsoft 2008.04.07
플래시로 페이지에 랜덤 이미지 돌리기 [3] ☜ TeRy ☞ 2008.04.04
양력/음력DB 홈페이지에 사용하기 [2] 감뿌리 2008.03.29
홈페이지에 국경일이면 태극기 다는법이에요~ ^^ [11] [1] file jaehee_91 2008.03.01
외부 페이지에서 변수와 값 사용하기(초보) [2] 기범현지아빠 2008.02.22
잡다한 2차 사용하시는분들 중에 페이지 수정버튼이 클릭안될때.. [6] 수아기 2008.02.22
전에 누군가 찾았던 것인데..새로고침시 현재페이지로 [2] 강영곤 2008.02.14
회원가입 생일 필수로 입력받고, 관리자페이지 회원목록에 회원생일 출력하기 [10] 대암지기 2008.02.11
로그인후 보여줄 페이지 설정 [4] 권인해 2008.02.11
아날로그 플래시 시계 10종류 (홈페이지, 블로그용) file 푸른커튼 2008.02.09