이동 메뉴 또는 떠있는 레이어

<style> body,tr,td,span,p {font-family:돋움;font-size:9pt;} </style> <script language="JavaScript"> <!-- // 원본 소스 : steelheart // 사이트 : http://steelheart.pe.kr/ // 자스 부분의 주석은 steelheart님의 주석을 그대로 사용했습니다. var stmnLEFT = 790; // 스크롤메뉴의 좌측 위치 var stmnGAP1 = 225; // 페이지 헤더부분의 여백 var stmnGAP2 = 225; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅 var stmnBASE = 225; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음) var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림) var stmnScrollSpeed = 10; // 스크롤되는 속도 (클수록 늦게 움직임) 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); } function ToggleAnimate() {         if (!ANIMATE.checked) {                 RefreshStaticMenu();                 SaveCookie("ANIMATE", "true", 300);                 } else {                 clearTimeout(stmnTimer);                 STATICMENU.style.top = stmnGAP1;                 SaveCookie("ANIMATE", "false", 300);         } } function InitializeStaticMenu() { STATICMENU.style.left = stmnLEFT;         if (ReadCookie("ANIMATE") == "false") {                 ANIMATE.checked = true;                 STATICMENU.style.top = document.body.scrollTop + stmnGAP1;                 } else {                 ANIMATE.checked = false;                 STATICMENU.style.top = document.body.scrollTop + stmnBASE;                 RefreshStaticMenu();         } } //--> </script> <div id="STATICMENU" style="position:absolute; width:175px; height:100px; left: 790px; top: 225px;">   <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="border:1 solid #999999;" bgcolor="#F9F9F9">     <tr>       <td align="center" height="100"><table width="100%" border="0">           <tr>             <td align="center">         내용                 </td>           </tr>         </table>         <table width="100%" height="11" border="0" cellspacing="0" cellpadding="0">           <tr>             <td height="5"></td>           </tr>           <tr>             <td height="1" bgcolor="#BCBCBC"></td>           </tr>           <tr>             <td height="5"></td>           </tr>         </table>         <table width="100%" border="0">           <tr>             <td height="1" background="http://oxtag.com/html/img/dot/dot_gray.gif"></td>           </tr>           <tr>             <td class="webfont">                 <img src="http://oxtag.com/html/img/plupp.gif" align="absmiddle">                  <a href="./zboard.php?id=main_notice">공지사항</a>             </td>           </tr>           <tr>             <td height="1" background="http://oxtag.com/html/img/dot/dot_gray.gif"></td>           </tr>           <tr>             <td class="webfont">                 <img src="http://oxtag.com/html/img/plupp.gif" align="absmiddle">                  <a href="./sitemap.php">사이트맵</a>             </td>           </tr>           <tr>             <td height="1" background="http://oxtag.com/html/img/dot/dot_gray.gif"></td>           </tr>         </table>         <br>         배너            <br>         <br>         카운터       </td>     </tr>     <tr>       <td align="left" height="20" class="webfont">         <input name="checkbox" type="checkbox" id="ANIMATE" onclick="ToggleAnimate();"> 메뉴이동기능 끄기       </td>     </tr>   </table> </div> <script language="JavaScript"> InitializeStaticMenu(); // 스크롤메뉴를 가동하는 자바스크립트 </script> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>