레이어 하위메뉴로 이용하기.. 잡다정보2008/07/27 19:46
레이어를 이용해서 하위메뉴를 만드는 소스
이해는 알아서 하세요...
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
참고로 나모에서 제공하는 소스입니다.
<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"> </td>
<td width="187" height="114" rowspan="3"> </td>
<td width="609" height="20"> </td>
<td width="146" height="114" rowspan="3">광고</td>
<td width="24" height="148" rowspan="4"> </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"> </td>
<td width="950" height="32" colspan="3">광고</td>
</tr>
</table>
</html>
