한별닷컴

레이어를 이용해서 하위메뉴를 만드는 소스

이해는 알아서 하세요...

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

참고로 나모에서 제공하는 소스입니다.



<script language="JavaScript">
<!--
function na_hide_layer(lname)
{
  if(document.getElementById) {
    document.getElementById(lname).style.visibility = 'hidden';
  } else if(document.layers) {
    document.layers[lname].visibility = 'hide'  
  } else if(document.all)
    document.all(lname).style.visibility = 'hidden'
}

function na_show_layer(lname)
{
  if (na_show_layer.arguments.length <= 1) { // don't delete, backword compatibility
    if(document.getElementById) {
      document.getElementById(lname).style.visibility = 'visible';
    } else if(document.layers) {
      document.layers[lname].visibility = 'show'  
    } else if(document.all)
      document.all(lname).style.visibility = 'visible'
  } else {
    if(document.getElementById) {
      document.getElementById(lname).style.visibility = 'hidden';
    } else if(document.layers) {
      document.layers[lname].visibility = 'hide'  
    } else if(document.all)
      document.all(lname).style.visibility = 'hidden'
  }
}

// -->
</script>
<table border="0" background="\img\menu.gif" width="1002">
    <tr>
        <td width="14" height="114" rowspan="3">&nbsp;</td>
        <td width="187" height="114" rowspan="3">&nbsp;</td>
        <td width="609" height="20">&nbsp;</td>
        <td width="146" height="114" rowspan="3">광고</td>
        <td width="24" height="148" rowspan="4">&nbsp;</td>
    </tr>
    <tr>
        <td width="609" height="47">
  <TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0>
   <TR>
    <TD>
     <IMG SRC="/img/Untitled-2_01.gif" WIDTH=76 HEIGHT=50 ALT="" border=0></TD>
    <TD>
     <a href='#' onmouseover="na_show_layer('divobj1');na_hide_layer('divobj2');"><IMG SRC="/img/Untitled-2_02.gif" WIDTH=111 HEIGHT=50 ALT="" border=0></a></TD>
    <TD>
     <a href="#" OnMouseOver="na_show_layer('divobj2');na_hide_layer('divobj1');"><IMG SRC="/img/Untitled-2_03.gif" WIDTH=148 HEIGHT=50 ALT=""></a></TD>
    <TD>
     <IMG SRC="/img/Untitled-2_04.gif" WIDTH=124 HEIGHT=50 ALT="" border=0></TD>
    <TD>
     <IMG SRC="/img/Untitled-2_05.gif" WIDTH=141 HEIGHT=50 ALT="" border=0></TD>
   </TR>
  </TABLE>
  </td>
    </tr>
    <tr>
        <td width="609" height="38"><div id="divobj1" style="width:277px; height:18px; position:absolute; left:336px; top:100px; z-index:1; visibility:hidden;"><p>남자심리 | 여자심리 | 쏠탈프로젝트 </p></div>
  <div id="divobj2" style="width:220px; height:19px; position:absolute; left:372px; top:96px; z-index:1; visibility:hidden;">
성격테스트 | 연애심리 | 기타</div></td>
    </tr>
    <tr>
        <td width="14" height="32">&nbsp;</td>
        <td width="950" height="32" colspan="3">광고</td>
    </tr>
</table>

</html>