묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
서브 메뉴(레이어) 질문입니다~~ㅠ0ㅠ
2003.07.30 19:17
먼저 제가 작업중인 사이트는 http://www.signmr.com/ver2.html 입니다.
사이트를 방문해서 보시면은 문제가 어떤건지 쉽게 알수 있을꺼라 생각되네요,
문제는 메뉴에서 마우스아웃될시(사이트 처음 접속시 포함) '시안확인'이라는 메뉴가
활성화 되버리는 것입니다.
'미래애드컴'이라는 메뉴에 마우스오버 했다가 마우스아웃 시키면 '미래애드컴'메뉴가 활성화된체
있어야 하는데, 무조건 '시안확인' 이라는 메뉴가 활성화되어 버리네요...
뭘 수정해야 할지........아 제발 도와주세요 ㅠㅠ
소스는 위 싸이트에서 소스보기 하셔도 되구요.. 일단 소스 공개합니다
=================================================================================================
<HTML>
<HEAD>
<TITLE> 전문가에 의한 광고관리 - 미래애드컴</TITLE>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!--서브메뉴 스크립트s-->
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!--서브메뉴 스크립트e-->
</HEAD>
<BODY topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 onLoad="MM_preloadImages('http://www.signmr.com/ver2/img/menu/menu1_2.gif','http://www.signmr.com/ver2/img/menu/menu2_2.gif','http://www.signmr.com/ver2/img/menu/menu3_2.gif','http://www.signmr.com/ver2/img/menu/menu4_2.gif','http://www.signmr.com/ver2/img/menu/menu5_2http://www.signmr.com/ver2/img/menu/menu3_1.gif.gif')">
<TABLE width=100% border=0 cellpadding=0 cellspacing=0 valign=top>
<TR><TD width=20%></TD>
<TD WIDTH=60%>
<!--메인페이지 전체 테이블S-->
<Table width=992 border=0 cellpadding=0 cellspacing=0>
<Tr><Td>
<!--top s-->
<table border=0 width=784 height=308 cellpadding=0 cellspacing=0>
<tr><td width=206 height=70><a href=index.html onfocus=this.blur()><img src=ver2/img/main/top.jpg border=0 width=206 height=70></a></td>
<td width=516 height=70>
<table cellpadding="0" cellspacing="0" border="0" width="516" height=70>
<tr><td width=110 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu1_0','','http://www.signmr.com/ver2/img/menu/menu1_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu1_1.gif" name="topmenu1_0" border=0></a></td>
<td width=90 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','+ '+ 'hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif'+ ','topmenu2_0','','http://www.signmr.com/ver2/img/menu/menu2_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('+ 'menu1','+ '','hide','menu2','','show','menu3','','hide','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu2_1.gif" name="topmenu2_0" border=0></a></td>
<td width=101 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','+ 'hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu3_2.gif" name="topmenu3_0" border=0></a></td>
<td width=130 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','show','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu4_0','','http://www.signmr.com/ver2/img/menu/menu4_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','show','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu4_1.gif" name="topmenu4_0" border=0></a></td>
<td width=85 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','+ 'show');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu5_0','','http://www.signmr.com/ver2/img/menu/menu5_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','+ '','hide','menu4','','hide','menu5','','show')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu5_1.gif" name="topmenu5_0" border=0></a></td>
</tr>
<tr><td colspan="5" height=20>
<!---------- 부메뉴를 나타내주는 layer 영역입니다 --------->
<!-- MENU-소개 -->
<div id="menu1" style="background-color:white;position:absolute; left:219px; top:50px; width:242; height:18px; z-index:1; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide'+ ','menu5',''+ ','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu1_0','','http://www.signmr.com/ver2/img/menu/menu1_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3'+ ','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub1.gif" border=0 usemap="#m_sub1"></a></div>
<!--소개 부메뉴 이미지맵-->
<map name="m_sub1">
<area shape="rect" coords="5,0,56,16" href="http://www.signmr.com/ver2/html/aboutus.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="70,1,141,16" href="http://www.signmr.com/ver2/html/map.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="152,0,239,17" href="http://www.signmr.com/ver2/html/info.html" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-샘플 -->
<div id="menu2" style="background-color:white;position:absolute; left:320px; top:50px; width:159px; height:18px; z-index:2; visibility: hidden">
<center><a href="#" target="_top" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','+ 'hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif'+ ','topmenu2_0','','http://www.signmr.com/ver2/img/menu/menu2_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','+ '','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub2.gif" border=0 usemap="#m_sub2"></a></div>
<!--샘플 부메뉴 이미지맵-->
<map name="m_sub2">
<area shape="rect" coords="0,1,37,17" href="http://www.signmr.com/ver2/html/sample_h.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="49,1,113,16" href="http://www.signmr.com/ver2/html/sample_r.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="125,1,153,17" href="http://www.signmr.com/ver2/html/sample_b.html" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-시안확인 -->
<div id="menu3" style="background-color:white;position:absolute; left:408px; top:50px; width:131; height:18px; z-index:3; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('+ 'menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub3.gif" border=0 usemap="#m_sub3"></a></div>
<!--시안 부메뉴 이미지맵-->
<map name="m_sub3">
<area shape="rect" coords="0,0,25,16" href="http://www.signmr.com/bbs/zboard.php?id=sian" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="39,1,78,16" href="http://www.signmr.com/bbs/zboard.php?id=sun" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="90,1,129,16" href="http://www.signmr.com/bbs/zboard.php?id=top" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-주문하기 -->
<div id="menu4" style="background-color:white;position:absolute; left:510px; top:50px; width:159; height:18px; z-index:4; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','+ 'menu3','','hide','menu4','','show','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu4_0'+ ','','http://www.signmr.com/ver2/img/menu/menu4_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3',''+ ','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub4.gif" border=0 usemap="#m_sub4"></a></div>
<!--영역별 부메뉴 이미지맵-->
<map name="m_sub4">
<area shape="rect" coords="0,1,49,16" href="http://www.signmr.com/ver2/html/order.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="63,1,123,16" href="http://www.signmr.com/bbs/zboard.php?id=qna" target="_parent" onfocus=this.blur()></map>
<!-- MENU-데이타 -->
<div id="menu5" style="background-color:white;position:absolute; left:585px; top:50px; width:142; height:18px; z-index:5; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','show');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu5_0','','http://www.signmr.com/ver2/img/menu/menu5_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('+ 'menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub5.gif" border=0 usemap="#m_sub5"></a></div>
<!--영역별 부메뉴 이미지맵-->
<map name="m_sub5">
<area shape="rect" coords="2,1,64,16" href="http://www.signmr.com/bbs/zboard.php?id=data_mr" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="77,1,138,16" href="http://www.signmr.com/bbs/zboard.php?id=data" target="_parent" onfocus=this.blur()></map>
</td></tr>
</table></td>
<td width=62 height=70><img src=ver2/img/main/top_2.gif></td></tr>
<tr><td width=206 height=238><img src=ver2/img/main/mainimg1.gif></td>
<td width=516 height=238><img src=http://boardc.sayclub.com/files/fx/blob3/sayclub/ya-/cc-/op-/ho-/yaccophoto/b4/11-/111./img.gif border=0 usemap="#ImageMap1"><map name="ImageMap1"><area shape="rect" coords="108, 23, 393, 184" href="ver2/html/sample/roll.html" onfocus=this.blur()></map></td>
<td width=62 height=238><img src=ver2/img/main/mainimg3.jpg></td>
</tr>
</table>
<!--top e-->
<!--middle s-->
<!--middle e-->
</Td>
<Td rowspan=2>right</TD></Tr>
<Tr><Td>middle</Td></Tr>
<Tr><Td colspan=2>bottom</Td></Tr>
</Table>
<!--메인페이지 전체 테이블e-->
<TD WIDTH=20%></TD>
</TR>
</TABLE>
</BODY>
</HTML>
======================================================================================================
위 소스의 원본페이지는 http://www.javascript.co.kr/java_data/200105/layer_menu/menu.html 입니다.
제발~~ 헬프~미~~~
사이트를 방문해서 보시면은 문제가 어떤건지 쉽게 알수 있을꺼라 생각되네요,
문제는 메뉴에서 마우스아웃될시(사이트 처음 접속시 포함) '시안확인'이라는 메뉴가
활성화 되버리는 것입니다.
'미래애드컴'이라는 메뉴에 마우스오버 했다가 마우스아웃 시키면 '미래애드컴'메뉴가 활성화된체
있어야 하는데, 무조건 '시안확인' 이라는 메뉴가 활성화되어 버리네요...
뭘 수정해야 할지........아 제발 도와주세요 ㅠㅠ
소스는 위 싸이트에서 소스보기 하셔도 되구요.. 일단 소스 공개합니다
=================================================================================================
<HTML>
<HEAD>
<TITLE> 전문가에 의한 광고관리 - 미래애드컴</TITLE>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!--서브메뉴 스크립트s-->
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!--서브메뉴 스크립트e-->
</HEAD>
<BODY topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 onLoad="MM_preloadImages('http://www.signmr.com/ver2/img/menu/menu1_2.gif','http://www.signmr.com/ver2/img/menu/menu2_2.gif','http://www.signmr.com/ver2/img/menu/menu3_2.gif','http://www.signmr.com/ver2/img/menu/menu4_2.gif','http://www.signmr.com/ver2/img/menu/menu5_2http://www.signmr.com/ver2/img/menu/menu3_1.gif.gif')">
<TABLE width=100% border=0 cellpadding=0 cellspacing=0 valign=top>
<TR><TD width=20%></TD>
<TD WIDTH=60%>
<!--메인페이지 전체 테이블S-->
<Table width=992 border=0 cellpadding=0 cellspacing=0>
<Tr><Td>
<!--top s-->
<table border=0 width=784 height=308 cellpadding=0 cellspacing=0>
<tr><td width=206 height=70><a href=index.html onfocus=this.blur()><img src=ver2/img/main/top.jpg border=0 width=206 height=70></a></td>
<td width=516 height=70>
<table cellpadding="0" cellspacing="0" border="0" width="516" height=70>
<tr><td width=110 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu1_0','','http://www.signmr.com/ver2/img/menu/menu1_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu1_1.gif" name="topmenu1_0" border=0></a></td>
<td width=90 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','+ '+ 'hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif'+ ','topmenu2_0','','http://www.signmr.com/ver2/img/menu/menu2_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('+ 'menu1','+ '','hide','menu2','','show','menu3','','hide','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu2_1.gif" name="topmenu2_0" border=0></a></td>
<td width=101 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','+ 'hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu3_2.gif" name="topmenu3_0" border=0></a></td>
<td width=130 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','show','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu4_0','','http://www.signmr.com/ver2/img/menu/menu4_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','show','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu4_1.gif" name="topmenu4_0" border=0></a></td>
<td width=85 height=50><a href="#" target="_self" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','+ 'show');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu5_0','','http://www.signmr.com/ver2/img/menu/menu5_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','+ '','hide','menu4','','hide','menu5','','show')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/menu5_1.gif" name="topmenu5_0" border=0></a></td>
</tr>
<tr><td colspan="5" height=20>
<!---------- 부메뉴를 나타내주는 layer 영역입니다 --------->
<!-- MENU-소개 -->
<div id="menu1" style="background-color:white;position:absolute; left:219px; top:50px; width:242; height:18px; z-index:1; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide'+ ','menu5',''+ ','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu1_0','','http://www.signmr.com/ver2/img/menu/menu1_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3'+ ','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub1.gif" border=0 usemap="#m_sub1"></a></div>
<!--소개 부메뉴 이미지맵-->
<map name="m_sub1">
<area shape="rect" coords="5,0,56,16" href="http://www.signmr.com/ver2/html/aboutus.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="70,1,141,16" href="http://www.signmr.com/ver2/html/map.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="152,0,239,17" href="http://www.signmr.com/ver2/html/info.html" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-샘플 -->
<div id="menu2" style="background-color:white;position:absolute; left:320px; top:50px; width:159px; height:18px; z-index:2; visibility: hidden">
<center><a href="#" target="_top" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','+ 'hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif'+ ','topmenu2_0','','http://www.signmr.com/ver2/img/menu/menu2_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','+ '','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub2.gif" border=0 usemap="#m_sub2"></a></div>
<!--샘플 부메뉴 이미지맵-->
<map name="m_sub2">
<area shape="rect" coords="0,1,37,17" href="http://www.signmr.com/ver2/html/sample_h.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="49,1,113,16" href="http://www.signmr.com/ver2/html/sample_r.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="125,1,153,17" href="http://www.signmr.com/ver2/html/sample_b.html" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-시안확인 -->
<div id="menu3" style="background-color:white;position:absolute; left:408px; top:50px; width:131; height:18px; z-index:3; visibility: visible">
<a href="#" onMouseOver="MM_showHideLayers('+ 'menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub3.gif" border=0 usemap="#m_sub3"></a></div>
<!--시안 부메뉴 이미지맵-->
<map name="m_sub3">
<area shape="rect" coords="0,0,25,16" href="http://www.signmr.com/bbs/zboard.php?id=sian" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="39,1,78,16" href="http://www.signmr.com/bbs/zboard.php?id=sun" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="90,1,129,16" href="http://www.signmr.com/bbs/zboard.php?id=top" target="_parent" onfocus=this.blur()>
</map>
<!-- MENU-주문하기 -->
<div id="menu4" style="background-color:white;position:absolute; left:510px; top:50px; width:159; height:18px; z-index:4; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','+ 'menu3','','hide','menu4','','show','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu4_0'+ ','','http://www.signmr.com/ver2/img/menu/menu4_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3',''+ ','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub4.gif" border=0 usemap="#m_sub4"></a></div>
<!--영역별 부메뉴 이미지맵-->
<map name="m_sub4">
<area shape="rect" coords="0,1,49,16" href="http://www.signmr.com/ver2/html/order.html" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="63,1,123,16" href="http://www.signmr.com/bbs/zboard.php?id=qna" target="_parent" onfocus=this.blur()></map>
<!-- MENU-데이타 -->
<div id="menu5" style="background-color:white;position:absolute; left:585px; top:50px; width:142; height:18px; z-index:5; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','show');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu5_0','','http://www.signmr.com/ver2/img/menu/menu5_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('+ 'menu1','','hide','menu2','','hide','menu3','','show','menu4','','hide','menu5','','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub5.gif" border=0 usemap="#m_sub5"></a></div>
<!--영역별 부메뉴 이미지맵-->
<map name="m_sub5">
<area shape="rect" coords="2,1,64,16" href="http://www.signmr.com/bbs/zboard.php?id=data_mr" target="_parent" onfocus=this.blur()>
<area shape="rect" coords="77,1,138,16" href="http://www.signmr.com/bbs/zboard.php?id=data" target="_parent" onfocus=this.blur()></map>
</td></tr>
</table></td>
<td width=62 height=70><img src=ver2/img/main/top_2.gif></td></tr>
<tr><td width=206 height=238><img src=ver2/img/main/mainimg1.gif></td>
<td width=516 height=238><img src=http://boardc.sayclub.com/files/fx/blob3/sayclub/ya-/cc-/op-/ho-/yaccophoto/b4/11-/111./img.gif border=0 usemap="#ImageMap1"><map name="ImageMap1"><area shape="rect" coords="108, 23, 393, 184" href="ver2/html/sample/roll.html" onfocus=this.blur()></map></td>
<td width=62 height=238><img src=ver2/img/main/mainimg3.jpg></td>
</tr>
</table>
<!--top e-->
<!--middle s-->
<!--middle e-->
</Td>
<Td rowspan=2>right</TD></Tr>
<Tr><Td>middle</Td></Tr>
<Tr><Td colspan=2>bottom</Td></Tr>
</Table>
<!--메인페이지 전체 테이블e-->
<TD WIDTH=20%></TD>
</TR>
</TABLE>
</BODY>
</HTML>
======================================================================================================
위 소스의 원본페이지는 http://www.javascript.co.kr/java_data/200105/layer_menu/menu.html 입니다.
제발~~ 헬프~미~~~
댓글 3
-
여비™
2003.07.30 19:40
-
쉬크
2003.07.30 19:44
첫번째 메뉴의 마우스아웃은 메뉴1만 보이도록 해뒀어요,
즉 1번메뉴에 마우스올려뒀다가 치워도 1번메뉴의 서브메뉴가 보이게끔..
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide'+ '+ ','menu4','','hide','menu5','','hide')" onfocus=this.blur()>
2번메뉴도 역시
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','show','menu3'+ ','','hide','menu4','','hide','menu5','','hide')" onfocus=this.blur()>
이구요......
다 hide이면 마우스아웃하면 서브메뉴가 안보이지 않나요?? -_-;;; 저 자바는 잘 몰라서리
도와주세요 ㅠ0ㅠ -
여비™
2003.07.30 19:57
<!---------- 부메뉴를 나타내주는 layer 영역입니다 --------->
<!-- MENU-소개 -->
<div id="menu1" style="background-color:white;position:absolute; left:219px; top:50px; width:242; height:18px; z-index:1; visibility: hidden">
<a href="#" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide');MM_swapImage('topmenu3_0','','http://www.signmr.com/ver2/img/menu/menu3_1.gif','topmenu1_0','','http://www.signmr.com/ver2/img/menu/menu1_2.gif',0);" onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2',''+ '+ ','hide','menu3','','show','menu4','','hide','menu5','+ '','hide')" onfocus=this.blur()><img src="http://www.signmr.com/ver2/img/menu/sub1.gif" border=0 usemap="#m_sub1"></a></div>
이부분에도 같은 소스가 적용되어있는거 같네요
1번 메뉴만 지금 카피한건데 나머지도 다 3번이 show로 먹혀있어요
쉬크님이 쓰신부분은 위쪽에 있구요 그 아래 있는 소스도 원래 하신거 처럼 똑같이
바꿔보세요.. 저도 자바는 잘 모르지만- -;;;
onMouseOut="MM_swapImgRestore();MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','+ '+ '','show','menu4','','hide','menu5','','hide')"
이부분 다 hide로 되있어야대는거 아닌가요?
메뉴마다 다 위에 처럼 되있네요
마우스 아웃에 3번째메뉴인 시안확인이 show로 되어있으면... 벗어났을때 3번만 보이게 되도록
되있다는거 같은데.. 그래서 그런현상이 나타나는듯..;;