SIR
목록
이전글 다음글
굿

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

hard
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 774 · 3
예전에 했었는데 잊어버렸어요ㅠㅠ


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

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

<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">&nbsp;</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">&nbsp;</td>
</tr>
</table>
</div>
|
글쓰기

댓글 3개

WWEBsiting
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
<script language="javascript" type="text/javascript">

// 퀵메뉴
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 id=floater style="position:absolute; left:50%; margin-left:510px; margin-top:110px; z-index:10">

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

</div>

<script language="javascript" type="text/javascript">
if (isDOM) {
var divMenu = getRef('floater');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 0;
divMenu.style.visibility = "visible";
moveRightEdge();
}
</script>
관관스틴
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
웹사이팅님꼐서 적어주셨네요 ㅎ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고