¾È³çÇϼ¼¿ä?
¾Æ·¡¿¡ ¹®ÀǸ¦ µå·È¾ú´Âµ¥, ½ºÅ©·Ñ µû¶ó ¿òÁ÷ÀÌ´Â ¸Þ´º¸¦ ¸¸µé·Á°í ÇÕ´Ï´Ù.
ãÀº ¼Ò½º¿¡´Â ¾Æ·¡¿¡ ½ºÅ©·Ñ ±â´É on/off Çϴ üũ¹Ú½º ±â´É±îÁö µÇ¾î Àִµ¥, ÀÌ Ã¼Å©¹Ú½º ±â´ÉÀ» »©°í, ½ºÅ©·Ñ µÇ´Â ±â´É¸¸ »ç¿ëÇÒ·Á¸é ¾î¶»°Ô ¼öÁ¤ÇØ¾ß µÇ´ÂÁö ±Ã±ÝÇÕ´Ï´Ù.
¾Æ·¡¿¡ ¼Ò½º¸¦ ÷ºÎÇØ ³õ°Ú½À´Ï´Ù.
¸¹Àº µµ¿ò ºÎŹµå¸®±¸¿ä.
ÁÁÀº ÇÏ·ç µÇ¼¼¿ä.
------------------------------------------------------------------------------ <html> <head> <meta http-equiv="content-type" content="text/html; charset=euc-kr"> <script language="javascript"> <!-- var stmnLEFT = 10; // ¿ÞÂÊ ¿©¹é (ű×Àγݰ¡ ¿ÞÂÊ¿¡¼ 10Çȼ¿ ¶³¾îÁø °÷¿¡ º¸¿©Áý´Ï´Ù) var stmnGAP1 = 10; // À§ÂÊ ¿©¹é (ű×Àγݰ¡ À§¿¡¼ 10Çȼ¿ ¶³¾îÁø °÷¿¡ º¸¿©Áý´Ï´Ù) var stmnGAP2 = 10; // ½ºÅ©·Ñ½Ã ºê¶ó¿ìÀú À§ÂÊ°ú ¶³¾îÁö´Â °Å¸® var stmnBASE = 150; // ½ºÅ©·Ñ ½ÃÀÛÀ§Ä¡ 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 = false; STATICMENU.style.top = document.body.scrollTop + stmnGAP1; } else { ANIMATE.checked = true; STATICMENU.style.top = document.body.scrollTop + stmnBASE; RefreshStaticMenu(); } } //--> </script>
</head> <body onLoad="InitializeStaticMenu();"> <div id="STATICMENU" style="width:200px; height:200px; position:absolute; left:-5000px; top:0px; z-index:100;"> <table style="border:solid 1px silver;" cellpadding="2" cellspacing="2" width="200" border=1> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td><p>°í °í °í</p> </td> </tr> <tr> <td> <p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">½ºÅ©·Ñ ±â´É on/off</p> </td> </tr> </table> </div> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p>
</body> -------------------------------------------------------------------------------------
|