부메뉴 나오게 하기 입니다.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<SCRIPT type="text/javascript">
<!--
old_debate='1';
function showLayer_tap(objid){
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" onMouseOver="javascript:showLayer_tap(0);"> </td>
</tr>
<tr>
<td onMouseOver="javascript:showLayer_tap(0);" width="50"> </td>
<td onMouseOver="javascript:showLayer_tap(1);">1번대메뉴</td>
<td onMouseOver="javascript:showLayer_tap(2);">2번대메뉴</td>
<td onMouseOver="javascript:showLayer_tap(3);">3번대메뉴</td>
<td onMouseOver="javascript:showLayer_tap(0);" width="50"> </td>
</tr>
<tr>
<td colspan="5" onMouseOver="javascript:showLayer_tap(0);" height="30"> </td>
</tr>
</table>
<DIV id=debate_content0 style="DISPLAY: none;"></div>
<DIV id=debate_content1 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 10px; z-index:3;"><a href="주소">부메뉴1-1</a> / <a href="주소">부메뉴1-2</a> </div>
<DIV id=debate_content2 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 150px; z-index:3;"><a href="주소">부메뉴2-1</a> / <a href="주소">부메뉴2-2</a> </div>
<DIV id=debate_content3 style="DISPLAY: none;" style="position:absolute; top: 50px; width: 320px;height: 40px; margin-left: 280px; z-index:3;"><a href="주소">부메뉴3-1</a> / <a href="주소">부메뉴3-2</a> </div>
<!-- javascript:showLayer_tap(0); ==> debate_content0 으로 이동해서 빈공간으로 나오게 만듬 -->
<!--top: 85px; width: 320px;height: 40px; margin-left: 280px; z-index:3;
높이;div폭;div 높이;앞이랑 공간;
-->
</body>
</html>