http://oxtag.com/html/ex/popup2.html
<html>
<head>
</head>
<body bgcolor="b0c4de" text="black" link="blue" vlink="purple" alink="red">
<script language="JavaScript1.2">
<!--
var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid)
{
divid.filters.blendTrans.apply();
divid.style.visibility = "visible";
divid.filters.blendTrans.play();
}
function Hide(divid) {
divid.filters.blendTrans.apply();
divid.style.visibility = "hidden";
divid.filters.blendTrans.play();
}
//-->
</script>
<p><div id="Notice" style="position:absolute; left:495px; top:54px; width:222px; height:216px; z-index:5;filter:revealTrans(transition=23,duration=0.5)
blendTrans(duration=0.5);"
onmouseover="dragObj=Notice; drag=1;move=0" onmouseout="drag=0">
<table border="3" cellpadding="3" cellspacing="0" width="100%" bordercolordark="#444444"
bordercolorlight="#444444">
<tr>
<td width="156" bgcolor="#444444"><p align="left"><font color="red"><b>::
공지사항 판때기 </b></font></td>
<td width="48" bgcolor="#444444"><p align="center"><a href="javascript:void(Hide(Notice))"
onmouseover="window.status=(':: 공지사항 판때기 닫기!! ::');return true;"
onmouseout="window.status=('');return true;"><font size="2"
color="#FFCC00"><b>닫기</b></font></a></td>
</tr>
<tr>
<td width="210" colspan="2" bgcolor="#666666"><p><font size="2" color="white">공지사항으로
쓰면...<br> 좋을듯한 판때기 입니다...<br> 가져가셔서 더 멋있는
넘으로..<br> 변장시켜주세여..... <br> 아직은 저두 자세한 옵션은
모르겠거든여..<br> 일단은 이렇게 올려 봅니다..</font><font color="white"><br>
<br> </font></td>
</tr>
<tr>
<td width="210" colspan="2" bgcolor="#444444"><p><font size="2" color="red">판때기의
아무곳이나 잡아끌면 움직입니다.</font></td>
</tr>
</table>
</div> <font color="maroon"><b>◈ 공지사항으로 쓰면 좋은 스크립트</b></font></p>
<p><font size="2" color="red"><b>요건 body 안에만 사알짝 넣으시구 수정해서 쓰세요...</b></font></p>
<p><font size="2" color="navy"><script language="JavaScript1.2"><br>
<!--</font></p>
<p><font size="2" color="navy">var x =0<br>
var y=0<br>
drag = 0<br>
move = 0<br>
window.document.onmousemove = mouseMove<br>
window.document.onmousedown = mouseDown<br>
window.document.onmouseup = mouseUp<br>
window.document.ondragstart = mouseStop<br>
function mouseUp() {<br>
move = 0<br>
}<br>
function mouseDown() {<br>
if (drag) {<br>
clickleft = window.event.x - parseInt(dragObj.style.left)<br>
clicktop = window.event.y - parseInt(dragObj.style.top)<br>
dragObj.style.zIndex += 1<br>
move = 1<br>
}<br>
}<br>
function mouseMove() {<br>
if (move) {<br>
dragObj.style.left = window.event.x - clickleft<br>
dragObj.style.top = window.event.y - clicktop<br>
}<br>
}<br>
function mouseStop() {<br>
window.event.returnValue = false<br>
}<br>
function Show(divid)</font></p>
<p><font size="2" color="navy"> {<br>
divid.filters.blendTrans.apply(); <br>
divid.style.visibility = "visible"; <br>
divid.filters.blendTrans.play(); <br>
}<br>
function Hide(divid) {<br>
divid.filters.blendTrans.apply();<br>
divid.style.visibility = "hidden";<br>
divid.filters.blendTrans.play(); <br>
} <br>
//--><br>
</script><br>
<div id="Notice" style="position:absolute; left:495px; top:54px;
width:222px; height:216px; z-index:5;filter:revealTrans(transition=23,duration=0.5)
blendTrans(duration=0.5);"<br>
onmouseover="dragObj=Notice; drag=1;move=0" onmouseout="drag=0"><br>
<table border="3" cellpadding="3"
cellspacing="0" width="100%" bordercolordark="#444444"<br>
bordercolorlight="#444444"><br>
<tr><br>
<td
width="156" bgcolor="#444444"><p align="left"><font
color="red"><b>:: <br>
공지사항
판때기 </b></font></font></p>
<p><font size="2" color="navy"></td><br>
<td
width="48" bgcolor="#444444"><p align="center"><a
href="javascript:void(Hide(Notice))"<br>
onmouseover="window.status=('::
공지사항 판때기 닫기!! ::');return true;"<br>
onmouseout="window.status=('');return
true;"><font size="2"<br>
color="#FFCC00"><b>닫기</b></font></a></td><br>
</tr><br>
<tr><br>
<td
width="210" colspan="2" bgcolor="#666666"><p><font
size="2" color="white">공지사항으로 <br>
쓰면...<br>
좋을듯한 판때기 입니다...<br> 가져가셔서 더 멋있는 <br>
넘으로..<br>
변장시켜주세여..... <br> 아직은 저두 자세한 옵션은 <br>
모르겠거든여..<br>
일단은 이렇게 올려 봅니다..</font><font color="white"><br>
<br>
<br>
</font></td><br>
</tr><br>
<tr><br>
<td
width="210" colspan="2" bgcolor="#444444"><p><font
size="2" color="red">판때기의 <br></font></p>
<p><font size="2" color="navy"> 아무곳이나
잡아끌면 움직입니다.</font></td><br>
</tr><br>
</table><br>
</div> </font></p>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
이미지가 안개처럼 나타납니다. / 지정된 곳으로 이동 (0) | 2007.10.17 |
---|---|
공지창(마우스로 위치 조절/스크롤바 따라다님) (0) | 2007.10.17 |
공지창(마우스로 위치 조절/스크롤바 따라다님) (0) | 2007.10.17 |
새 창 점점 커지면서 띄우기 (0) | 2007.10.17 |
새 창 점점 커지면서 띄우기 (0) | 2007.10.17 |
팝업 창 (마우스로 위치조절) (0) | 2007.10.17 |
날으는 창 (날 잡아봐~~~) (0) | 2007.10.17 |
날으는 창 (날 잡아봐~~~) (0) | 2007.10.17 |
공지창이 왼쪽에서 오른쪽으로 휘~~~리~~~릭~~~ (0) | 2007.10.17 |
공지창이 왼쪽에서 오른쪽으로 휘~~~리~~~릭~~~ (0) | 2007.10.17 |