자유롭게 게시물을 올릴수있는 게시판입니다.
  • 유년추억
  • 학교생활
  • 입시준비
  • 대학생활
  • 군생활
  • 알바생활
  • 취업준비
  • 직장생활
  • 원룸생활
  • 연애중
  • 결혼준비
  • 집안살림
  • 자녀교육
  • 창업준비
  • 이민유학
  • 노후생활
  • 전체보기


스크롤바 따라다니는 메뉴

 
문서의 제일마지막인 </html> 밑으로 아래 소스를 넣습니다.

<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 +10 ;   // 위쪽 위치
            } else if (isDOM) {
                    yMenuFrom   = parseInt (divMenu.style.top, 10);
                    yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) +10; // 위쪽 위치
            }
            timeoutNextCheck = 500;
            if (yMenuFrom != yMenuTo) {
                    yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
                    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);
    }
    
    if (isNS4) {
            var divMenu = document["divMenu"];
            divMenu.top = top.pageYOffset +10;
            divMenu.visibility = "visible";
            moveRightEdge();
    } else if (isDOM) {
            var divMenu = getRef('divMenu');
            divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) +10;
            divMenu.style.visibility = "visible";
            moveRightEdge();
    }

//-->
</SCRIPT>

<body>와 </body>사이의 원하는 위치에 아래 소스를 넣습니다.

<div id=divMenu style="top:0px; left:0px; visibility: visible; width: 140px; position: absolute;">내용</div>

minaam
written by minaam (minaam)
2004-05-11 10:47:13
680 번 읽음
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물





365ch.com 128bit Valid HTML 4.01 Transitional and Valid CSS!
태그