웹마스터 팁

홈페이지 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버튼 끝-->
.
제목 글쓴이 날짜
PHP 인증 페이지를 만들자! - Lesson 1 수정본 #2 ☺[폐]허접-_- 2002.01.24
페이지 자동 이동 방법 3가지!!! [10] zero 2000.03.06
자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] Rising.kr 2008.01.21
비밀번호 입력해야 해당 페이지 보이기 [3] 이명우 2007.02.28
홈페이지의 필수!! 뮤직 플레이어!! [3] 김민환 2006.10.14
내 홈페이지에 유명사이트 검색엔진을 달자...(네이버,다음,야후 등등) [3] 트래비스 2006.05.10
홈페이지 하단 링크주소 없에는 소스 [6] 인테리어뱅크 2006.04.10
홈페이지 하단 링크주소 없에는 소스 2 [4] 인터니즈 2006.04.27
페이지를 풀창으로 띄우는 방법 [1] 인테리어뱅크 2006.04.11
홈페이지 TOP 버튼 만들어 보기 [7] 인테리어뱅크 2006.04.10
새창으로 페이지열기에 대한... [2] 나만의길 2006.01.04
홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] 한용 2005.11.11
타켓으로 페이지 이동하는 스크립트 [2] 로크 2005.04.16
홈페이지index경로 이외의 하위 경로 차단 하는 방법 [펌] [10] 프란시스 2005.02.05
간단하면서도 강력한 웹페이지에 암호걸기 [5] 대류 2005.02.03
페이지 경로 히스토리 표시하기 [0003] EDENe 2005.01.19
홈페이지 TOP 버튼 만들기 + 응용 [0001] [2] EDENe 2005.01.15
홈페이지 탑 TOP 버튼 만들어보기 [9] 편입성공기 2004.12.06
홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] Multi_Taeji 2004.12.10
로딩중인 페이지에 효과넣기 [4] LUFFY 2004.11.20