마우스 온 시 이벤트 관련 > 그누4 질문답변

마우스 온 시 이벤트 관련 정보

마우스 온 시 이벤트 관련

본문

마우스 온 시 상단 메뉴에서 서브메뉴가 나오는 방식입니다.
기존 6개의 메뉴에 사용할 때는 잘 되었는데
메뉴를 1개 더 추가하여 7개를 사용하니
상단메뉴에 마우스 온하면 서브 메뉴는 나오는데 서브메뉴를 클릭하려고
하면 없어집니다.

도움부탁드립니다.

function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

상단바

<table width="941" height="35" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url('../kor_img/main/navi_bg.jpg')">
<tr>
<td align="center"><a href="#" onClick="javascript:GoPage('1_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu01.png" name="s_img01" border="0" id="s_img01" onMouseOver="MM_showHideLayers('s_img01','','show','apDiv1','','show')" onMouseOut="MM_showHideLayers('s_img01','','show','apDiv1','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('2_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu02.png" name="s_img02" border="0" id="s_img02" onMouseOver="MM_showHideLayers('s_img02','','show','apDiv2','','show')" onMouseOut="MM_showHideLayers('s_img02','','show','apDiv2','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('3_3');" onFocus="this.blur()" ><img src="../kor_img/main/menu03.png" name="s_img03" border="0" id="s_img03" onMouseOver="MM_showHideLayers('s_img03','','show','apDiv3','','show')" onMouseOut="MM_showHideLayers('s_img03','','show','apDiv3','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('7_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu07.png" name="s_img07" border="0" id="s_img07" onMouseOver="MM_showHideLayers('s_img07','','show','apDiv7','','show')" onMouseOut="MM_showHideLayers('s_img07','','show','apDiv7','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('4_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu04.png" name="s_img04" border="0" id="s_img04" onMouseOver="MM_showHideLayers('s_img04','','show','apDiv4','','show')" onMouseOut="MM_showHideLayers('s_img04','','show','apDiv4','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('5_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu05.png" name="s_img05" border="0" id="s_img05" onMouseOver="MM_showHideLayers('s_img05','','show','apDiv5','','show')" onMouseOut="MM_showHideLayers('s_img05','','show','apDiv5','','hide')" /></a></td>
<td align="center"><a href="#" onClick="javascript:GoPage('6_1');" onFocus="this.blur()" ><img src="../kor_img/main/menu06.png" name="s_img06" border="0" id="s_img06" onMouseOver="MM_showHideLayers('s_img06','','show','apDiv6','','show')" onMouseOut="MM_showHideLayers('s_img06','','show','apDiv6','','hide')" /></a></td>
</tr>
</table>

서브메뉴

<div style="position:relative; top:0;height:35; background:url('../kor_img/main/koreamt_top_09.jpg') no-repeat left 0;">
<div id="apDiv1" style="position:absolute; z-index:1; top:0; left: 35px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img01','','show','apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')">
<table border="0">
<tr>
<th class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;"><a href="#" onClick="javascript:GoPage('1_1');">지역정보</a>   |   <a href="#" onClick="javascript:GoPage('1_2');">무엇을살까</a>  |   <a href="#" onClick="javascript:GoPage('1_3');">무엇을 먹을까</a>  |   <a href="#" onClick="javascript:GoPage('1_4');">어디서잘까</a>  |   <a href="#" onClick="javascript:GoPage('1_5');">어디로갈까</a>  |   <a href="#" onClick="javascript:GoPage('1_6');">무엇을할까</a></th>
</tr>
</table>
</div>
<div id="apDiv2" style="position:absolute; z-index:1; top:0; left: 160px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img02','','show','apDiv2','','show')" onMouseOut="MM_showHideLayers('apDiv2','','hide')">

<table border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;"><a href="#" onClick="javascript:GoPage('2_1');">진료정보</a>  |  <a href="#" onClick="javascript:GoPage('2_2');">지역별 의료정보</a>  |  <a href="#" onClick="javascript:GoPage('2_3');">에이전시</a></th>
</tr>
</table>
</div>
<div id="apDiv3" style="position:absolute; z-index:1; top:0; left: 300px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img03','','show','apDiv3','','show')" onMouseOut="MM_showHideLayers('apDiv3','','hide')">
<table border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;"><a href="#" onClick="javascript:GoPage('3_3');">관광상품</a></th>
</tr>
</table>
</div>
<div id="apDiv7" style="position:absolute; z-index:1; top:0; left: 320px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img07','','show','apDiv7','','show')" onMouseOut="MM_showHideLayers('apDiv7','','hide')">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat;"><a href="#" onClick="javascript:GoPage('7_1');">나의 맞춤 건강정보</a>  |  <a href="#" onClick="javascript:GoPage('7_2');">건강/질병정보</a>  |  <a href="#" onClick="javascript:GoPage('7_3');">식이요법</a>  |  <a href="#" onClick="javascript:GoPage('7_4');">운동요법</a>  |  <a href="#" onClick="javascript:GoPage('7_5');">요양기관찾기</a></th>
</tr>
</table>
</div>
<div id="apDiv4" style="position:absolute; z-index:1; top:0; left: 15px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img04','','show','apDiv4','','show')" onMouseOut="MM_showHideLayers('apDiv4','','hide')">
<table border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;"><a href="#" onClick="javascript:GoPage('4_1');">전문상담 & 입국전서비스</a>  |  <a href="#" onClick="javascript:GoPage('4_2');">입국서비스</a>  |  <a href="#" onClick="javascript:GoPage('4_6');">의료기관예약</a>  |   <a href="#" onClick="javascript:GoPage('4_3');">호텔예약</a>  |  <a href="#" onClick="javascript:GoPage('4_4');">차량예약</a>  |  <a href="#" onClick="javascript:GoPage('4_5');">맛집예약</a>  |  <a href="#" onClick="javascript:GoPage('4_7');">쇼핑</a>  |  <a href="#" onClick="javascript:GoPage('4_8');">관광</a>  |  <a href="#" onClick="javascript:GoPage('4_9');">통역서비스</a>  |  <a href="#" onClick="javascript:GoPage('4_10');">출국/사후관리 서비스</a>  |  <a href="#" onClick="javascript:GoPage('4_11');">상담및예약게시판</a></th>
</tr>
</table>
</div>
<div id="apDiv5" style="position:absolute; z-index:1; top:0; left: 100px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img05','','show','apDiv5','','show')" onMouseOut="MM_showHideLayers('apDiv5','','hide')">
<table border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;"><a href="#" onClick="javascript:GoPage('5_1');">통역인력</a>  |  <a href="#" onClick="javascript:GoPage('5_2');">인력요청</a>  |  <a href="#" onClick="javascript:GoPage('5_3');">해외지원센터</a>  |  <a href="#" onClick="javascript:GoPage('5_4');">해외마케팅지원</a>  |  <a href="#" onClick="javascript:GoPage('5_5');">유치사업등록안내</a>  |  <a href="#" onClick="javascript:GoPage('5_6');">의료분쟁사고해결</a>  |  <a href="#" onClick="javascript:GoPage('5_7');">국비프로그램</a>  |  <a href="#" onClick="javascript:GoPage('5_8');">자격증 프로그램</a>  |  <a href="#" onClick="javascript:GoPage('5_9');">수강신청</a>    </th>
</tr>
</table>
</div>
<div id="apDiv6" style="position:absolute; z-index:1; top:0; left: 600px; visibility: hidden;" onMouseOver="MM_showHideLayers('s_img06','','show','apDiv6','','show')" onMouseOut="MM_showHideLayers('apDiv6','','hide')">
<table border="0">
<tr>
<th height="30" class="sub-tl" style="background:url('../kor_img/main/sub_navi_bg.jpg') repeat left -2px;" ><a href="#" onClick="javascript:GoPage('6_1');">공지사항</a>  |  </a><a href="#" onClick="javascript:GoPage('6_2');">Q & A</a>  |  </a><a href="#" onClick="javascript:GoPage('6_3');">자료실</a>  |  </a><a href="#" onClick="javascript:GoPage('6_4');">포토갤러리</a>  |  </a><a href="#" onClick="javascript:GoPage('6_5');">동영상갤러리</a></th>
</tr>
</table>
</div>