Describe 스크롤메뉴소스 here




{{{
<!-- 소스 --> 

<script language="javascript">
<!--
        var stmnLEFT = 10; // 스크롤메뉴의 좌측 위치. 필요 없을 경우 삭제
        var stmnGAP1 = 100; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
        var stmnGAP2 = 10; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
        var stmnBASE = 10; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
        var stmnActivateSpeed = 10; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
        var stmnScrollSpeed = 1; // 스크롤되는 속도 (클수록 늦게 움직임)

        var stmnTimer;

        // 쿠키 읽기
        function Readcookie(name)
        {
                var label = name + "=";
                var labelLen = label.length;
                var cLen = document.cookie.length;
                var i = 0;

                while (i < cLen) {
                        var j = i + labelLen;

                        if (document.cookie.substring(i, j) == label) {
                                var cEnd = document.cookie.indexOf(";", j);
                                if (cEnd == -1) cEnd = document.cookie.length;

                                return unescape(document.cookie.substring(j, cEnd));
                        }
        
                        i++;
                }

                return "";
        }

        // 쿠키 저장
        function Savecookie(name, value, expire)
        {
                var eDate = new Date();
                eDate.setDate(eDate.getDate() + expire);
                document.cookie = name + "=" + value + "; expires=" +  eDate.toGMTString()+ "; path=/";
        }

        // 스크롤 메뉴의 위치 갱신
        function RefreshStaticMenu()
        {
                var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

                stmnStartPoint = parseInt(STATICMENU.style.top, 10);
                stmnEndPoint = document.body.scrollTop + stmnGAP2;
                if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

                stmnRefreshTimer = stmnActivateSpeed;

                if ( stmnStartPoint != stmnEndPoint ) {
                        stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                        STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                        stmnRefreshTimer = stmnScrollSpeed;
                }

                stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
        }

        // 메뉴 ON/OFF 하기
        function ToggleAnimate()
        {
                if (ANIMATE.checked) { // 이동하기 버튼이 체크되었다면
                        RefreshStaticMenu(); // 메뉴위치를 다시 조정
                        Savecookie("ANIMATE", "true", 300); // 이동이 ON 상태라고 쿠키를 설정
                }
                else { // 아니라면... (이동하기 버튼이 체크되어 있지 않으면)
                        clearTimeout(stmnTimer); // 이동용 타이머 해제
                        STATICMENU.style.top = stmnGAP1; // 메뉴의 위치를 상단으로 옮긴다.
                        Savecookie("ANIMATE", "false", 300); // 이동상태가 "OFF" 임
                }
        }

        // 메뉴 초기화
        function InitializeStaticMenu()
        {
                if (Readcookie("ANIMATE") == "false") { // 이동상태가 off 상태라면
                        ANIMATE.checked = false; // 체크표시를 지우고
                        STATICMENU.style.top = document.body.scrollTop + stmnGAP1; // 맨 위에 들러 붙는다.
                }
                else { // 이동 on 상태라면
                        ANIMATE.checked = true; // 체크표시를 하고
                        STATICMENU.style.top = document.body.scrollTop + stmnBASE; // 기본위치로 이동한다.
                        RefreshStaticMenu(); // 스크립트 가동
                }

                STATICMENU.style.left = stmnLEFT; // 메뉴 왼쪽 위치 초기화. 필요없을 경우 삭제
        }
-->
</script>


<!-- 스크롤메뉴를 위한 구성입니다. -->
<div id="STATICMENU" style="position:absolute; z-index:100; left:-5000px;">
        <!-- 스크롤메뉴를 가동하는 자바스크립트 -->
        <script language="javascript">InitializeStaticMenu();</script>
        
        <!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->
        <table border='0' cellpadding='0' cellspacing='0' width=180px>
        <tr><td height=22><a href=/moniwiki/wiki.php/DatabaseSystem>Database System</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/DataWarehouse>Data Warehouse</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/DataAnalysis>Data Analysis</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/OperatingSystem>Operating System</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/OpenSource>Open Source</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/ITA/EA>Enterprise Architecture</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/SoftwareEngineering>Software Engineering</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/Process>Process</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/WorkingSmart>Working Smart</a></td></tr>
        <tr><td><hr></td></tr>
        
        <tr><td height=22><a href=/moniwiki/wiki.php/MicrosoftSQLServer>SQL Server</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/PostgreSQL>PostgreSQL</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/OracleServer>Oracle</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/DB2>DB2</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/TeradataDatabase>Teradata</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/MySQL>MySQL</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/PerformanceTuning>Performance Tuning</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/Programming>Programming</a></td></tr>
        
        <tr><td><hr></td></tr>
        
        <tr><td height=22><a href=/moniwiki/wiki.php/Link>Link</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/Philosophy>Philosophy</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/Tools>Tools</a></td></tr>
        <tr><td height=22><a href=/moniwiki/wiki.php/Misc>Misc</a></td></tr>
        <tr><td height=22><a href=http://databaser.net/moniwiki/wiki.php/%EC%A3%BC%EC%9D%B8%EB%86%88%EC%86%8C%EA%B0%9C>주인놈</a></td></tr>
        
        <tr><td><font color=white>_</font></td></tr>
        
        <!--구글검색엔진-->
        <tr>
        <td>
        <form action="http://www.google.co.kr/cse" id="cse-search-box" target="_blank">
          <div>
            <input type="hidden" name="cx" value="partner-pub-7026267411367882:aqg2xo-uzuv" />
            <input type="hidden" name="ie" value="UTF-8" />
            <input type="text" name="q" size="12" />
            <input type="submit" name="sa" value="&#xac80;&#xc0c9;" />
          </div>
        </form>
        <script type="text/javascript" src="http://www.google.co.kr/cse/brand?form=cse-search-box&amp;lang=ko"></script>
        </td>
        </tr>
        
        <!--사이드바 변경-->
        <tr><td><font color=white>_</font></td></tr>
        <tr>
         <td align='right'>
          <font style='font-size:10px'>
           <a href='/moniwiki/wiki.php/SideBar?action=edit'>SideBar Edit</a>
          </font>
         </td>
        </tr>
        </font>
        </table>
        <!-- 메뉴부분 끝 -->

        <!-- 애니메이션 유무를 체크하는 부분 -->
        <input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">메뉴스크롤여부




</div>
<!-- 스크롤 메뉴 정의 끝 -->

<!-- 스크롤 테스트를 위해 여백을 확보하기 위한 부분... 별 의미는 없음... 실제로 적용시에는 지워 버리세요. -->
<div style="width:50px; height:2500px;"></div>



















}}}