회원등록 ｜ 비번분실

ㆍ작성자 [메뉴]
ㆍ작성일 2003-08-11 (월) 16:46
ㆍLink#2 menu_3.htm (Down:58)
ㆍ추천: 0  ㆍ조회: 12035      
ㆍIP:
스크롤바 따라 내려가는 메뉴
<style>
td {font-size:12px; font-family:굴림; text-decoration:none; }
font {font-size:12px; font-family:굴림; text-decoration:none; line-height:130%;}
A:link,A:active,A:visited{text-decoration:none;FONT-SIZE:12PX;color:'#333333';}
A:hover {text-decoration:none; color:'ff9900'}
font { font-size: 9pt; }
</style>

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

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) {
alert("메뉴이동 기능 켜기nn메뉴가 스크롤에 따라 이동됩니다.");
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
}
else {
alert("메뉴이동 기능 끄기");
clearTimeout(stmnTimer);
STATICMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}


function InitializeStaticMenu()
{
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();

}

STATICMENU.style.left = stmnLEFT;
}
-->
</script>
<br>


<!-- 스크롤메뉴를 위한 구성입니다. -->
<div id="STATICMENU" style="width:230px; height:504px; position:absolute; left:-5000px; top:50px; z-index:100;">

<table border="0" cellpadding="2" cellspacing="0">

<tr><td>
제로보드에서 쓰는 스크롤이동 메뉴 끄기
</td></tr>
<tr><td>


<!-- 메뉴가 들어갈 부분... 본인의 홈페이지에 맞게 적당히 편집하세요. -->

<table border="0" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">

<tr><td bgcolor="#FAF7F7" align="center">

<A title='kangjaeg' onfocus=this.blur() href='http://kangjaeg.x-y.net' target='_blank'><FONT color=black>[http://kangjaeg.x-y.net]</FONT></A>
</td></tr>

<tr><td bgcolor="white"> <a href="javascript:;">- 메뉴1</a></td></tr>

<tr><td bgcolor="white"> <a href="javascript:;">- 메뉴2</a></td></tr>

<tr><td bgcolor="white"> <a href="javascript:;">- 메뉴3</a></td></tr>

</table>
<!-- 메뉴부분 끝 -->



</td></tr>
<tr><td>

<!-- 애니메이션 유무를 체크하는 부분 -->
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();"><font size="2"> 메뉴이동 기능 끄기</font>
</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>
 
  0
3500