*너무 간단한 나머지 특징이 없습니다.
*보완할 부분은 보여진 게시판에 대한 강조표시 방법이 없습니다.
*최신글 스킨은 기본스킨에서 제목부분만 삭제한 형태입니다.
*ie와 ff에서 서브메뉴 위치가 조금씩 다르게 먹히는 문제가 있어 방치해 두었다가,
얼마전 메뉴작업중 스타일에서 position:absolute; margin-left: 10px; margin-top: 10px;
이런식이 ie,ff 에서 잘 먹힌다는 것을 알았네요.

제가 40대 초보란 걸 잊지마시고, 참고만 하세요.
미리보기 http://gnusr.com/g4/gnusr/test/menu_test.php


헤더에 추가해줄 스크립트

<script language="JavaScript">
<!--
//Top Menu (layer menu) 다중공지
function MM_findObj(n, d) { //v4.01
  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 && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.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; }
}
//-->
</script>


페이지 구현부분

<!-- 다중공지 -->
<table width="440" height="" border="0" id="r_tb_multi_notice" radius="3" rborder="#F0F0F0" rbgcolor="silver">
<tr>
<td height='30'>
<!-- menu --><!-- 해당 게시판 스타일 적용문제?  -->
<table width='100%' border="0" cellpadding="0" cellspacing="2" border="0" class="top_menu_btn">
<tr align='center'>
<td align='left' width="200" class='multi_notice_H'>다중 공지(_multi_notice.php)</td>
<td valign="top" class='menu_bo'><a href="<?=$g4[bbs_path]?>/board.php?bo_table=work" onMouseOver="MM_showHideLayers('subMenu_1','','show','subMenu_2','','hide','subMenu_3','','hide','subMenu_4','','hide')" onfocus='this.blur()'>Work</a></td>
<td valign="top" class='menu_bo'><a href="<?=$g4[bbs_path]?>/board.php?bo_table=future" onMouseOver="MM_showHideLayers('subMenu_1','','hide','subMenu_2','','show','subMenu_3','','hide','subMenu_4','','hide')" onfocus='this.blur()'>Future</a></td>
<td background="" valign="top" class='menu_bo'><a href="<?=$g4[bbs_path]?>/board.php?bo_table=iworld" onMouseOver="MM_showHideLayers('subMenu_1','','hide','subMenu_2','','hide','subMenu_3','','show','subMenu_4','','hide')" onfocus='this.blur()'>Iworld</a></td>
<td background="" valign="top" class='menu_bo'><a href="<?=$g4[bbs_path]?>/board.php?bo_table=todo" onMouseOver="MM_showHideLayers('subMenu_1','','hide','subMenu_2','','hide','subMenu_3','','hide','subMenu_4','','show')" onfocus='this.blur()'>toDo</a></td>
</tr>
</table>
<!-- menu -->
</td>
</tr>
<tr>
<td align='center' valign="top" height='140'>
<table width='100%' border="0" cellpadding="0" cellspacing="2" border="0" class="">
<tr>
<td>
<!-- layer menu sub -->
<div id="subMenu_1" style="position:absolute; width:410px; height:140px; z-index:1; margin-left: 10px; margin-top: 10px; visibility: show;"><?=latest("basic_sm", work, 5, 50);?></div>
<div id="subMenu_2" style="position:absolute; width:410px; height:140px; z-index:1; margin-left: 10px; margin-top: 10px; visibility: hidden;"><?=latest("basic_sm", future, 5, 50);?></div>
<div id="subMenu_3" style="position:absolute; width:410px; height:140px; z-index:1;  margin-left: 10px; margin-top: 10px; visibility: hidden;"><?=latest("basic_sm", iworld, 5, 50);?></div>
<div id="subMenu_4" style="position:absolute; width:410px; height:140px; z-index:1;  margin-left: 10px; margin-top: 10px; visibility: hidden;"><?=latest("basic_sm", todo, 5, 50);?></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script>roundTable("r_tb_multi_notice");</script>
<!-- /다중공지 -->