마우스 오버를 하면 올라오는 레이어창입니다. 정보
마우스 오버를 하면 올라오는 레이어창입니다.
본문
<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>
마우스 오버하면 레이어창이 올라옵니다.
그런데.. 혹시 이거를 자동으로 말고... 버튼을 눌러서 올라오게 하는 방법도 있나요?
그거는 잘 모르겠습니다. ㅠ 혹시 아시는분...알려주세요..^^
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
0
댓글 4개
onmouseover를 onclick으로......
스크랩해갑니다 ^^
우와~ 제가 찾던거예요.감솨
병원에 적용하려고 했던거