 |
|
|  |
ÀÚµ¿ ½ºÅ©·Ñ ¸Þ´º (²ô±â ±â´É, ¹«ÇÑ ½ºÅ©·Ñ X) |
|
|
 ȨÆäÀÌÁö |
20³â Àü |
ÅÂ±× ¿¬½ÀÀå : http://hex254.zerois.net/html/tag.htm
¿¬½ÀÇغ¸¼¼¿ä.
<script language="javascript">
<!--
var stmnLEFT = 10; // ½ºÅ©·Ñ¸Þ´ºÀÇ ÁÂÃø À§Ä¡
var stmnGAP1 = 10; // ÆäÀÌÁö Çì´õºÎºÐÀÇ ¿©¹é
var stmnGAP2 = 200; // ½ºÅ©·Ñ½Ã ºê¶ó¿ìÀú »ó´Ü°ú ¾à°£ ¶ç¿ò. ÇÊ¿ä¾øÀ¸¸é 0À¸·Î ¼¼ÆÃ
var stmnBASE = 100; // ½ºÅ©·Ñ¸Þ´º Ãʱ⠽ÃÀÛÀ§Ä¡ (¾Æ¹«·¸°Ô³ª Çصµ »ó°üÀº ¾øÁö¸¸ stmnGAP1°ú ¾à°£ Â÷À̸¦ ÁÖ´Â°Ô º¸±â ÁÁÀ½)
var stmnActivateSpeed = 0; // ¿òÁ÷ÀÓÀ» °¨ÁöÇÏ´Â ¼Óµµ (¼ýÀÚ°¡ Ŭ¼ö·Ï ´Ê°Ô ¾Ë¾ÆÂ÷¸²)
var stmnScrollSpeed = 0; // ½ºÅ©·ÑµÇ´Â ¼Óµµ (Ŭ¼ö·Ï ´Ê°Ô ¿òÁ÷ÀÓ)
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;
stmnLimit = parseInt(window.document.body.scrollHeight) - parseInt(STATICMENU.offsetHeight);
if (stmnEndPoint > stmnLimit) stmnEndPoint = stmnLimit;
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:150px;height:120px;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="border:1 solid #999999;">
<tr>
<td align="center" height="100">
ÀÌ°÷¿¡ ¸Þ´º¸¦ ³Ö¾îÁÖ¼¼¿ä.
</td>
</tr>
<tr>
<td align="left" height="20"> <input id="ANIMATE" type="checkbox" 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>
|
|
̵̧ : 320 |
̵̧
¸ñ·Ï
|
|
|  |
|