<![CDATA[
<P>자바스크립트를 이용한 메뉴입니다.(스크립트상 문제 없습니다.)</P>
<P>이미지가 없어서 엑박이 떠도 마우스 오버했을때 하위메뉴가 1번에서 5번쪽으로 갈수록 조금씩 벌어지는게 보일거에요.</P>
<P>이거 해결 할 수 있을까요??</P>
<P>도대체 왜 상위메뉴와 하위메뉴가 5번으로 갈수록 벌어지는지 모르겠네요.</P>
<P> </P>
<P><html><BR><head><BR><meta http-equiv="Content-Type"
content="text/html; charset=euc-kr" /><BR><title>Untitled
doc-ument</title><BR><script
type="text/xxJavaScript"><BR><!--<BR>function MM_swapImgRestore() {
//v3.0<BR> var i,x,a=doc-ument.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;<BR>}</P>
<P>function MM_preloadImages() { //v3.0<BR> var d=doc-ument; if(d.images){
if(!d.MM_p) d.MM_p=new Array();<BR> var
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)<BR> if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}<BR>}</P>
<P>function MM_findObj(n, d) { //v4.01<BR> var p,i,x; if(!d)
d=doc-ument; if((p=n.indexOf("?"))>0&&parent.frames.length)
{<BR> d=parent.frames[n.substring(p+1)].doc-ument;
n=n.substring(0,p);}<BR> if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];<BR>
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].doc-ument);<BR> if(!x &&
d.getElementById) x=d.getElementById(n); return x;<BR>}</P>
<P>function MM_swapImage() { //v3.0<BR> var
i,j=0,x,a=MM_swapImage.arguments; doc-ument.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)<BR> if
((x=MM_findObj(a[i]))!=null){doc-ument.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}<BR>}<BR>//--><BR></script><BR></head></P>
<P><body
on-load="MM_preloadImages('img/menu01_over.gif','img/menu02_over.gif','img/menu03_over.gif','img/menu04_over.gif','img/menu05_over.gif','img/01_s_menu01_over.gif','img/02_s_menu02_over.gif','img/02_s_menu03_over.gif','img/02_s_menu04_over.gif','img/05_s_menu01_over.gif')"><BR><script
language='xxjavascript'><BR> function menu_event(menu_id,
menu_state){<BR> if(menu_state == "show"){<BR> for(i
= 1; i <= 5; i++){<BR> temp_id = "menu" +
i;<BR> doc-ument.all[temp_id].style.display =
"none";<BR> }<BR> <BR> doc-ument.all[menu_id].style.display
= "block";<BR> }else if(menu_state ==
"hidden"){<BR> doc-ument.all[menu_id].style.display =
"none";<BR> }<BR> }<BR></script><BR><table width="600"
border="0" cellspacing="0" cellpadding="0"><BR>
<tr><BR> <td><table border="0" cellspacing="0"
cellpadding="0"><BR>
<tr><BR> <td width="135"
on-MouseOver="menu_event('menu1','show');"><a href="#"
on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('top_tab01','','img/menu01_over.gif',1)"><img
src="img/menu01.gif" name="top_tab01" width="135" height="29" border="0"
id="top_tab01"
/></a></td><BR> <td
width="10">&nbsp;</td><BR>
<td width="79" on-MouseOver="menu_event('menu2','show');"><a href="#"
on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('top_tab02','','img/menu02_over.gif',1)"><img
src="img/menu02.gif" name="top_tab02" width="79" height="29" border="0"
id="top_tab02"
/></a></td><BR> <td
width="10">&nbsp;</td><BR>
<td width="65" on-MouseOver="menu_event('menu3','show');"><a href="#"
on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('top_tab03','','img/menu03_over.gif',1)"><img
src="img/menu03.gif" name="top_tab03" width="65" height="29" border="0"
id="top_tab03"
/></a></td><BR> <td
width="10">&nbsp;</td><BR>
<td width="138" on-MouseOver="menu_event('menu4','show');"><a href="#"
on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('top_tab04','','img/menu04_over.gif',1)"><img
src="img/menu04.gif" name="top_tab04" width="138" height="29" border="0"
id="top_tab04"
/></a></td><BR> <td
width="10">&nbsp;</td><BR>
<td width="109" on-MouseOver="menu_event('menu5','show');"><a href="#"
on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('top_tab05','','img/menu05_over.gif',1)"><img
src="img/menu05.gif" name="top_tab05" width="109" height="29" border="0"
id="top_tab05"
/></a></td><BR>
</tr><BR> </table></td><BR>
</tr><BR> <tr><BR> <td><table
width="600" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr><BR>
<td><BR> <table width="100%" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr style="display:none" id="menu1" on-MouseOver="menu_event('menu1','show');"
on-MouseOut="menu_event('menu1','hidden')"><BR>
<td
width="35">&nbsp;</td><BR>
<td width="52"><a href="#" on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('sub_tab01','','img/01_s_menu01_over.gif',1)"><img
src="img/01_s_menu01.gif" name="sub_tab01" width="52" height="22" border="0"
id="sub_tab01"
/></a></td><BR>
<td>&nbsp;</td><BR>
</tr><BR>
</table></td><BR>
</tr><BR>
<tr><BR> <td><table
width="100%" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr style="display:none" id="menu2" on-MouseOver="menu_event('menu2','show');"
on-MouseOut="menu_event('menu2','hidden')"><BR>
<td
width="170">&nbsp;</td><BR>
<td width="36"><a href="#" on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('sub_tab02','','img/02_s_menu02_over.gif',1)"><img
src="img/02_s_menu02.gif" name="sub_tab02" width="36" height="22" border="0"
id="sub_tab02"
/></a></td><BR>
<td>&nbsp;</td><BR>
</tr><BR>
</table></td><BR>
</tr><BR>
<tr><BR> <td><table
width="100%" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr style="display:none" id="menu3" on-MouseOver="menu_event('menu3','show');"
on-MouseOut="menu_event('menu3','hidden')"><BR>
<td
width="240">&nbsp;</td><BR>
<td width="50"><a href="#" on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('sub_tab03','','img/02_s_menu03_over.gif',1)"><img
src="img/02_s_menu03.gif" name="sub_tab03" width="50" height="22" border="0"
id="sub_tab03"
/></a></td><BR>
<td>&nbsp;</td><BR>
</tr><BR>
</table></td><BR>
</tr><BR>
<tr><BR> <td><table
width="100%" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr style="display:none" id="menu4" on-MouseOver="menu_event('menu4','show');"
on-MouseOut="menu_event('menu4','hidden')"><BR>
<td>&nbsp;</td><BR>
<td width="51"><a href="#" on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('sub_tab04','','img/02_s_menu04_over.gif',1)"><img
src="img/02_s_menu04.gif" name="sub_tab04" width="51" height="22" border="0"
id="sub_tab04"
/></a></td><BR>
<td
width="200">&nbsp;</td><BR>
</tr><BR>
</table></td><BR>
</tr><BR>
<tr><BR> <td><table
width="100%" border="0" cellspacing="0"
cellpadding="0"><BR>
<tr style="display:none" id="menu5" on-MouseOver="menu_event('menu5','show');"
on-MouseOut="menu_event('menu5','hidden')"><BR>
<td>&nbsp;</td><BR>
<td width="118"><a href="#" on-mouseout="MM_swapImgRestore()"
on-mouseover="MM_swapImage('sub_tab05','','img/05_s_menu01_over.gif',1)"><img
src="img/05_s_menu01.gif" name="sub_tab05" width="118" height="22" border="0"
id="sub_tab05"
/></a></td><BR>
<td
width="30">&nbsp;</td><BR>
</tr><BR>
</table></td><BR>
</tr><BR> </table></td><BR>
</tr><BR></table><BR></body><BR></html></P>
<!-- -->
]]>
카페 게시글
홈피‥ 질문
자바스크립트를 이용한 투뎁스메뉴 오류 질문입니다.
다음검색
![♣웹디자인소스카페♣[홈페이지]](http://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif)
