[코딩] 마우스 오버를 하면 올라오는 레이어창입니다
<script>
function ch_div_move(){
ch_div.style.top=document.body.offsetHeight-300;
}
function ch_div_back(){
ch_div.style.top=document.body.offsetHeight-30;
}
function body_div_set(){
body_div.style.height=document.body.offsetHeight-30;
}
</script>
<body style=" MARGIN: 0px 0px 98px 0px; OVERFLOW: hidden; HEIGHT: 100%;">
<div id="body_div" style="overflow-y:scroll;overflow-x: no;">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" style="border:0;border-style:'solid';border-color:'#3333ff'">
<tr height="1000">테스트바디</tr>
</table>
</div>
<div id="ch_div" style="position:absolute;top:'';" onmouseover="ch_div_move()" onmouseout="ch_div_back()">
<table width="100%" height="300" cellpadding="0" cellspacing="0" style="border:0;border-style:'solid';border-color:'#3333ff'">
<tr height="30"><td align="center" bgcolor=#5555ff><b>테스트1</b></td></tr>
<tr height="270"><td align="center" bgcolor=#aaaaff><b>테스트2</b></td></tr>
</table>
</div>
<script>
body_div_set();
ch_div_back();
</script>
</body>
마우스 오버하면 레이어창이 올라옵니다.
'그누+배추빌더' 카테고리의 다른 글
| [코딩] 자바스크립트 다중 셀렉트 코드 -[펌] (0) | 2015.09.09 |
|---|---|
| [코딩] 상단에 넣을 수 있는 이미지 셔플 (0) | 2015.09.09 |
| [코딩] 마우스 롤오버시 서서히 변하는 이미지에 블라인드 효과주기 (0) | 2015.09.09 |
| [코딩] 자바스트립트 반올림, 올림, 내림 (0) | 2015.09.09 |
| [코딩] input 태그에서 영문, 한글 강제 (0) | 2015.09.08 |