서브페이지 세로메뉴 마우스랑 같이 움직이게 하는 방법좀 알려주세요^^

서브페이지 세로메뉴 마우스랑 같이 움직이게 하는 방법좀 알려주세요^^ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

서브페이지 세로메뉴 마우스랑 같이 움직이게 하는 방법좀 알려주세요^^ 정보

서브페이지 세로메뉴 마우스랑 같이 움직이게 하는 방법좀 알려주세요^^

본문

예전에 했었는데 잊어버렸어요ㅠㅠ

서브페이지에 있는페이지에 있는 왼쪽 세로메뉴 있잖아요

내용이 길경우 마우스스크롤 아래로 내리면 같이 따라다니게 할 수 있는 방법 좀 알려주세요

<div id=floater style="left:30; top:110; width:192; height:150; z-index:10">
<table width="192" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="48"> </td>
</tr>
<tr>
<td valign="bottom"><img src="<?=$g4['path']?>/menu/img/head5_submenu_top.gif" width="192" height="52" /></td>
</tr>
<tr>
<td background="<?=$g4['path']?>/menu/img/head2_submenu_bg.gif"><table width="192" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10"></td>
<td valign="middle" height="35"><a href="http://manggostar.com/int.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('submenu_m1','','<?=$g4['path']?>/menu/img/head5_submenu_m1over.gif',1)"><img src="<?=$g4['path']?>/menu/img/head5_submenu_m1.gif" name="submenu_m1" width="73" height="18" border="0" id="submenu_m1" /></a></td>
</tr>
<tr>
<td width="10"></td>
<td valign="middle" height="35"><a href="http://manggostar.com/bbs/board.php?bo_table=webtoon" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('submenu_m2','','<?=$g4['path']?>/menu/img/head5_submenu_m2over.gif',1)"><img src="<?=$g4['path']?>/menu/img/head5_submenu_m2.gif" name="submenu_m2" width="106" height="18" border="0"></a></td>
</tr>
<tr>
<td width="10"></td>
<td valign="middle" height="20"></td>
</tr>

</table></td>
</tr>
<tr>
<td height="29" valign="top"><img src="<?=$g4['path']?>/menu/img/head2_submenu_bot.gif" alt="" width="192" height="29" /></td>
</tr>
<tr>
<td height="150"> </td>
</tr>
</table>
</div>

댓글 전체

WEBsiting 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.12.10 15:04:26

// 퀵메뉴
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var isNS = navigator.appName == "Netscape";

function getRef(id) {
	if (isDOM) return document.getElementById(id);
	if (isIE4) return document.all[id];
	if (isNS4) return document.layers[id];
}

var scrollerHeight = 125;
var puaseBetweenImages = 3000;
var imageIdx = 0;

function moveRightEdge() {
	var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;

if (isDOM) {
			yMenuFrom   = parseInt (divMenu.style.top, 10);
			yMenuTo     = (isNS ? window.pageYOffset : document.body.scrollTop) + 0; // 위쪽 위치
	}
	timeoutNextCheck = 500;

if (yMenuFrom != yMenuTo) {
			yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
			if (yMenuTo < yMenuFrom)
					yOffset = -yOffset;
			if (isNS4)
					divMenu.top += yOffset;
			else if (isDOM)
					divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
					timeoutNextCheck = 10;
	}
	setTimeout ('moveRightEdge()', timeoutNextCheck);
}
</script>

따라다니는 메뉴 소스를 넣어주세요

</div>