마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요. 도와주세요,ㅠ,ㅠ, 정보
마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요. 도와주세요,ㅠ,ㅠ,본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://hunetkorea.com/jchindex.php
메인메뉴를 클릭하면 서브메뉴가 나타납니다.
헌데 마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요.
자꾸 서브메뉴들이 있으니깡..ㅜ.ㅜ. 화면 보기도 껄끄럽고 번거로워요.
뭔가 방법이 없을까요?
<script type="text/javascript">
<!--
//글로벌 네비게이션(2Depth 메뉴그룹)에 대한 마우스 또는 키보드 반응(보임/숨김)설정
function activeGNB(id) {
for(num=1; num<=4; num++) document.getElementById('gm'+num).style.display='none'; //D2MG1~D2MG4 까지 숨긴 다음
document.getElementById(id).style.display='block'; //해당 ID만 보임
}
//-->
</script>
<style type="text/css">
/* 공통사항 초기화 - 모든 색상값들은 레이아웃 영역과 문자를 표시하기 위하여 임의로 설정됨 */
ul { list-style:none }
/* 레이아웃 */
#gnb { height:64px; float:left; }
#gnb:after { content:""; display:block; clear:both; }
#gnb li { float:right; position:relative;}
#gnb li li { width: auto; }
#gnb li a { display:block; position:relative; top:15px; }
#gnb li li a { display:inline; height:auto; margin:-1px;}
#gnb ul { }
#gnb ul ul { position:absolute; top:50px; width:962px; display:none; white-space:nowrap; }
#gnb ul#gm1 { position:absolute; right:0px;}
#gnb ul#gm2 { position:absolute; right:-70px;}
#gnb ul#gm3 { position:absolute; right:-210px;}
#gnb ul#gm4 { position:absolute; right:-210px;}
</style>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 style="text-align:center; margin:0 auto">
<TR>
<TD>
<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<tD align="right" height="18" valign="bottom"><a href="../jchindex.php"><img src="../images/facil/main/side01.gif" /></a>
<a href="../bbs/board.php?bo_table=jchinvest_02"><img src="../images/facil/main/side02.gif" /></a>
<a href="../adm"><img src="../images/facil/main/side03.gif" /></a>
</tD>
</tr>
<tr>
<td width="962"align="center" valign="top">
<div id="gnb">
<ul>
<li class="g1 active"><a href="../../bbs/board.php?bo_table=jchinvest_02" onmouseover="activeGNB('gm1');" onmouseout="ativeGNB('gnb');" onfocus="activeGNB('gm1');">
<IMG SRC="../images/jch/main/menu_04.gif" onmouseover="this.src='../images/jch/main/menu_04on.gif'" onmouseout="this.src='../images/jch/main/menu_04.gif'" /></a>
<ul id="gm1">
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_05"><IMG SRC="../images/jch/main/manu/menu4-5.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_04"><IMG SRC="../images/jch/main/manu/menu4-4.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_03"><IMG SRC="../images/jch/main/manu/menu4-3.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_02"><IMG SRC="../images/jch/main/manu/menu4-2.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g2"><a href="../../bbs/board.php?bo_table=jchcommu_01" onmouseover="activeGNB('gm2');" onfocus="activeGNB('gm2');">
<IMG SRC="../images/jch/main/menu_03.gif" onmouseover="this.src='../images/jch/main/menu_03on.gif'" onmouseout="this.src='../images/jch/main/menu_03.gif'" /></a>
<ul id="gm2">
<li><a href="../bbs/board.php?bo_table=jchcommu_02"><IMG SRC="../images/jch/main/manu/menu3-2.jpg" ALT=""></a></li>
<li><a href="../../bbs/board.php?bo_table=jchcommu_01"><IMG SRC="../images/jch/main/manu/menu3-1.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g3"><a href="../bbs/board.php?bo_table=jchsale_01" onmouseover="activeGNB('gm3');" onfocus="activeGNB('gm3');">
<IMG SRC="../images/jch/main/menu_02.gif" onmouseover="this.src='../images/jch/main/menu_02on.gif'" onmouseout="this.src='../images/jch/main/menu_02.gif'" /></a>
<ul id="gm3">
<li><a href="http://hunetkorea.com/facilindex.php"><IMG SRC="../images/jch/main/manu/menu2-4.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/inforindex.php"><IMG SRC="../images/jch/main/manu/menu2-3.jpg" ALT=""></a></li>
<li><a href="http://www.voipcrm.co.kr/"><IMG SRC="../images/jch/main/manu/menu2-2.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/skindex.php"><IMG SRC="../images/jch/main/manu/menu2-1.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g4"><a href="../bbs/board.php?bo_table=jchcomp_01" onmouseover="activeGNB('gm4');" onfocus="activeGNB('gm4');">
<IMG SRC="../images/jch/main/menu_01.gif" onmouseover="this.src='../images/jch/main/menu_01on.gif'" onmouseout="this.src='../images/jch/main/menu_01.gif'" /></a>
<ul id="gm4">
<li><a href="../bbs/board.php?bo_table=jchcomp_07"><IMG SRC="../images/jch/main/manu/menu1-4.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_03"><IMG SRC="../images/jch/main/manu/menu1-3.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_02"><IMG SRC="../images/jch/main/manu/menu1-2.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_01"><IMG SRC="../images/jch/main/manu/menu1-1.jpg" ALT=""></a></li>
</ul>
</li>
</ul>
</div>
오류 주소 : http://hunetkorea.com/jchindex.php
메인메뉴를 클릭하면 서브메뉴가 나타납니다.
헌데 마우스가 서브메뉴에서 벗어나면 이서브메뉴들이 사라지게 하고 싶어요.
자꾸 서브메뉴들이 있으니깡..ㅜ.ㅜ. 화면 보기도 껄끄럽고 번거로워요.
뭔가 방법이 없을까요?
<script type="text/javascript">
<!--
//글로벌 네비게이션(2Depth 메뉴그룹)에 대한 마우스 또는 키보드 반응(보임/숨김)설정
function activeGNB(id) {
for(num=1; num<=4; num++) document.getElementById('gm'+num).style.display='none'; //D2MG1~D2MG4 까지 숨긴 다음
document.getElementById(id).style.display='block'; //해당 ID만 보임
}
//-->
</script>
<style type="text/css">
/* 공통사항 초기화 - 모든 색상값들은 레이아웃 영역과 문자를 표시하기 위하여 임의로 설정됨 */
ul { list-style:none }
/* 레이아웃 */
#gnb { height:64px; float:left; }
#gnb:after { content:""; display:block; clear:both; }
#gnb li { float:right; position:relative;}
#gnb li li { width: auto; }
#gnb li a { display:block; position:relative; top:15px; }
#gnb li li a { display:inline; height:auto; margin:-1px;}
#gnb ul { }
#gnb ul ul { position:absolute; top:50px; width:962px; display:none; white-space:nowrap; }
#gnb ul#gm1 { position:absolute; right:0px;}
#gnb ul#gm2 { position:absolute; right:-70px;}
#gnb ul#gm3 { position:absolute; right:-210px;}
#gnb ul#gm4 { position:absolute; right:-210px;}
</style>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 style="text-align:center; margin:0 auto">
<TR>
<TD>
<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<tD align="right" height="18" valign="bottom"><a href="../jchindex.php"><img src="../images/facil/main/side01.gif" /></a>
<a href="../bbs/board.php?bo_table=jchinvest_02"><img src="../images/facil/main/side02.gif" /></a>
<a href="../adm"><img src="../images/facil/main/side03.gif" /></a>
</tD>
</tr>
<tr>
<td width="962"align="center" valign="top">
<div id="gnb">
<ul>
<li class="g1 active"><a href="../../bbs/board.php?bo_table=jchinvest_02" onmouseover="activeGNB('gm1');" onmouseout="ativeGNB('gnb');" onfocus="activeGNB('gm1');">
<IMG SRC="../images/jch/main/menu_04.gif" onmouseover="this.src='../images/jch/main/menu_04on.gif'" onmouseout="this.src='../images/jch/main/menu_04.gif'" /></a>
<ul id="gm1">
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_05"><IMG SRC="../images/jch/main/manu/menu4-5.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_04"><IMG SRC="../images/jch/main/manu/menu4-4.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_03"><IMG SRC="../images/jch/main/manu/menu4-3.jpg" ALT=""></a></li>
<li class="active"><a href="../../bbs/board.php?bo_table=jchinvest_02"><IMG SRC="../images/jch/main/manu/menu4-2.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g2"><a href="../../bbs/board.php?bo_table=jchcommu_01" onmouseover="activeGNB('gm2');" onfocus="activeGNB('gm2');">
<IMG SRC="../images/jch/main/menu_03.gif" onmouseover="this.src='../images/jch/main/menu_03on.gif'" onmouseout="this.src='../images/jch/main/menu_03.gif'" /></a>
<ul id="gm2">
<li><a href="../bbs/board.php?bo_table=jchcommu_02"><IMG SRC="../images/jch/main/manu/menu3-2.jpg" ALT=""></a></li>
<li><a href="../../bbs/board.php?bo_table=jchcommu_01"><IMG SRC="../images/jch/main/manu/menu3-1.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g3"><a href="../bbs/board.php?bo_table=jchsale_01" onmouseover="activeGNB('gm3');" onfocus="activeGNB('gm3');">
<IMG SRC="../images/jch/main/menu_02.gif" onmouseover="this.src='../images/jch/main/menu_02on.gif'" onmouseout="this.src='../images/jch/main/menu_02.gif'" /></a>
<ul id="gm3">
<li><a href="http://hunetkorea.com/facilindex.php"><IMG SRC="../images/jch/main/manu/menu2-4.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/inforindex.php"><IMG SRC="../images/jch/main/manu/menu2-3.jpg" ALT=""></a></li>
<li><a href="http://www.voipcrm.co.kr/"><IMG SRC="../images/jch/main/manu/menu2-2.jpg" ALT=""></a></li>
<li><a href="http://hunetkorea.com/skindex.php"><IMG SRC="../images/jch/main/manu/menu2-1.jpg" ALT=""></a></li>
</ul>
</li>
<li class="g4"><a href="../bbs/board.php?bo_table=jchcomp_01" onmouseover="activeGNB('gm4');" onfocus="activeGNB('gm4');">
<IMG SRC="../images/jch/main/menu_01.gif" onmouseover="this.src='../images/jch/main/menu_01on.gif'" onmouseout="this.src='../images/jch/main/menu_01.gif'" /></a>
<ul id="gm4">
<li><a href="../bbs/board.php?bo_table=jchcomp_07"><IMG SRC="../images/jch/main/manu/menu1-4.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_03"><IMG SRC="../images/jch/main/manu/menu1-3.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_02"><IMG SRC="../images/jch/main/manu/menu1-2.jpg" ALT=""></a></li>
<li><a href="../bbs/board.php?bo_table=jchcomp_01"><IMG SRC="../images/jch/main/manu/menu1-1.jpg" ALT=""></a></li>
</ul>
</li>
</ul>
</div>
댓글 전체
function hidGNB(id) {
document.getElementById(id).style.display='none'; //해당 ID만 보임
}
스크립트 추가 하신다음
메뉴별로
onmouseout="hidGNB('gm4');"
document.getElementById(id).style.display='none'; //해당 ID만 보임
}
스크립트 추가 하신다음
메뉴별로
onmouseout="hidGNB('gm4');"
글루님 완전감사드려용^^ 단지 2~3줄만 적었는데 이런 효과가 발생하다니
정말 정말 프로그램의 세계는 놀랍고도 어려워용^^
정말 정말 프로그램의 세계는 놀랍고도 어려워용^^