마우스오버시나타나는레이어 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

마우스오버시나타나는레이어 정보

기타 마우스오버시나타나는레이어

본문

<html>
<head>
</head>
<body>

<!-- 메뉴 테이블-->
<div align="right">
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="117"><img src=./sub_top_menu02.gif width=115 height=37 style='cursor:hand;' onclick=setMenu(1); onMouseOver=setMenu(1); onMouseout=setMenu(0);></td>
</tr>
</table>
</div>
<!-- 메뉴 테이블-->


<!-- global menu layer  start-->
<p><div id="gml" onmouseover=setMenu(1) onmouseout=setMenu(0); style="width:113px; height:174px; position:absolute; left:50px; top:110px; z-index:1; visibility:hidden; left:expression(((document.body.clientWidth-900)/2)+611); filter: alpha(opacity=100);">
<table width=113 border=0 cellspacing=0 cellpadding=0>
<tr><td rowspan="8" width=3 bgcolor=D6D6D6></td>
<td width=107 height=3 bgcolor=D6D6D6></td>
<td width=3 rowspan="8" bgcolor=D6D6D6></td>
</tr>
<tr><td bgcolor=#FFFFFF height=2></td></tr>
<tr><td bgcolor=#FFFFFF style='padding:2 0 2 7;cursor:hand' onMouseOver=this.style.background='#' OnMouseOut=this.style.background='#ffffff' onClick=top.location.href='./';>메뉴1</td></tr>
<tr><td bgcolor=#FFFFFF style='padding:2 0 2 7;cursor:hand' onMouseOver=this.style.background='#' OnMouseOut=this.style.background='#ffffff' onClick=top.location.href='./';>메뉴2</td></tr>
<tr><td bgcolor=#FFFFFF style='padding:2 0 2 7;cursor:hand' onMouseOver=this.style.background='#' OnMouseOut=this.style.background='#ffffff' onClick=window.open('./');>메뉴3</td></tr>
<tr><td bgcolor=#FFFFFF style='padding:2 0 2 7;cursor:hand' onMouseOver=this.style.background='#' OnMouseOut=this.style.background='#ffffff' onClick=window.open('./');>메뉴4</td></tr>
<tr><td bgcolor=#FFFFFF style='padding:2 0 2 7;cursor:hand' onMouseOver=this.style.background='#' OnMouseOut=this.style.background='#ffffff' onClick=top.location.href='./';>메뉴5</td></tr>
<tr><td width=107 height=3 bgcolor=D6D6D6></td></tr>
</table>
</div>
<script language=javascript>
<!--//
function setMenu(stat){
    if (stat == 1){
    var len = ((document.body.clientWidth-900)/2)+613
    if(len < 613 ){
    len = 613
    }
    document.all.gml.style.zIndex  = 1;
    document.all.gml.style.position = 'absolute';
    document.all.gml.style.left = len;
    document.all.gml.style.visibility = 'visible';
    } else if (stat == 0) {
        document.all.gml.style.visibility = 'hidden';
    }
}
//-->
</script>

</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로