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

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 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개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT