[답변] 스크롤레이어 소스...

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > 커뮤니티 > 질문과답변 상세보기

클라우드태그

Javascript

PHP

ASP

CSS

MYSQL

html

jquery

占쏙옙占쏙옙占쏙옙

image

slide

API

메뉴

게시판

현재접속자 명

123

2,497

2003-11-20 10:56:09

닉네임

HappyCGI

이메일

webmaster@happycgi.com

제목

[답변] 스크롤레이어 소스...

내용

해피CGI 입니다.

아래 코드를 복사해서 써보세요.

비교적 부드럽게 스크롤 되는군요. ^^

[프로그램코드]

<script language="JavaScript">
var aName = navigator.appName;
var aVer = navigator.appVersion.substring(navigator.appVersion.indexOf(';')+2, navigator.appVersion.lastIndexOf(';'));
var aVer_fw = aVer.substring(0, aVer.indexOf(' '));
var aVer_bw = aVer.substring(aVer.indexOf(' ')+1);
</script>
<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, xPos;
            if (isNS4)
            {
                yMenuFrom   = divMenu.top;
                yMenuTo     = windows.pageYOffset;   // 위쪽 위치
    xPos  = windows.pageXOffset;
            }
            else if (isDOM)
            {
                yMenuFrom   = parseInt (divMenu.style.top, 0);
    if( aVer_bw >= 5.5 )
                yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) + 400; // 위쪽 위치
    else
                yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) +400; // 위쪽 위치
    xPos  = (isNS ? window.pageXOffset : document.body.scrollWidth) + 230;
            }

            timeoutNextCheck = 500;

if (isNS4)
    divMenu.left = ((xPos - 880) / 2) + 746;
            else if (isDOM)
    divMenu.style.left = ((xPos - 880) / 2) + 746;

            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);
        }
-->
</SCRIPT>
<DIV id="divMenu" style="width:36px; height:36px; position:absolute; left:0px; top:60px; z-index:1; visibility:visible;">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>
<a href="#top"><img src="/img/top.gif" border="0" alt="위로가기"></a>
    </td>
        </tr>
      </table>
</DIV>
<SCRIPT language=javascript>
<!--
    if (isNS4)
        {
            var divMenu = document["divMenu"];
            divMenu.top = top.pageYOffset;
            divMenu.visibility = "visible";
            moveRightEdge();

}
    else if (isDOM)
        {
            var divMenu = getRef('divMenu');
   if( aVer_bw >= 5.5 )
            divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 80;
   else
            divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 80;
            divMenu.style.visibility = "visible";
            moveRightEdge();
        }
//-->
</SCRIPT>

좋은 하루되세요.