인터넷정보

팝업 창 (마우스로 위치조절)

알 수 없는 사용자 2007. 10. 17. 13:37


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">&lt;script language=&quot;JavaScript1.2&quot;&gt;<br>
&lt;!--</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>
&nbsp;move = 0<br>
}<br>
function mouseDown() {<br>
&nbsp;if (drag) {<br>
&nbsp;&nbsp;clickleft = window.event.x - parseInt(dragObj.style.left)<br>
&nbsp;&nbsp;clicktop = window.event.y - parseInt(dragObj.style.top)<br>
&nbsp;&nbsp;dragObj.style.zIndex += 1<br>
&nbsp;&nbsp;move = 1<br>
&nbsp;}<br>
}<br>
function mouseMove() {<br>
&nbsp;if (move) {<br>
&nbsp;&nbsp;dragObj.style.left = window.event.x - clickleft<br>
&nbsp;&nbsp;dragObj.style.top = window.event.y - clicktop<br>
&nbsp;}<br>
}<br>
function mouseStop() {<br>
&nbsp;window.event.returnValue = false<br>
}<br>
function Show(divid)</font></p>
<p><font size="2" color="navy">&nbsp;{<br>
&nbsp;divid.filters.blendTrans.apply(); <br>
&nbsp;divid.style.visibility = &quot;visible&quot;; <br>
&nbsp;divid.filters.blendTrans.play(); <br>
}<br>
function Hide(divid) {<br>
&nbsp;divid.filters.blendTrans.apply();<br>
&nbsp;divid.style.visibility = &quot;hidden&quot;;<br>
&nbsp;divid.filters.blendTrans.play(); <br>
} <br>
//--&gt;<br>
&lt;/script&gt;<br>
&lt;div id=&quot;Notice&quot; style=&quot;position:absolute; left:495px; top:54px;
width:222px; height:216px; z-index:5;filter:revealTrans(transition=23,duration=0.5)
blendTrans(duration=0.5);&quot;<br>
&nbsp;onmouseover=&quot;dragObj=Notice; drag=1;move=0&quot; onmouseout=&quot;drag=0&quot;&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;table border=&quot;3&quot; cellpadding=&quot;3&quot;
cellspacing=&quot;0&quot; width=&quot;100%&quot; bordercolordark=&quot;#444444&quot;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bordercolorlight=&quot;#444444&quot;&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td
width=&quot;156&quot; bgcolor=&quot;#444444&quot;&gt;&lt;p align=&quot;left&quot;&gt;&lt;font
color=&quot;red&quot;&gt;&lt;b&gt;:: <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;공지사항
판때기 &lt;/b&gt;&lt;/font&gt;</font></p>
<p><font size="2" color="navy">&lt;/td&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td
width=&quot;48&quot; bgcolor=&quot;#444444&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;a
href=&quot;javascript:void(Hide(Notice))&quot;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseover=&quot;window.status=('::
공지사항 판때기 닫기!! ::');return true;&quot;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onmouseout=&quot;window.status=('');return
true;&quot;&gt;&lt;font size=&quot;2&quot;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color=&quot;#FFCC00&quot;&gt;&lt;b&gt;닫기&lt;/b&gt;&lt;/font&gt;&lt;/a&gt;&lt;/td&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td
width=&quot;210&quot; colspan=&quot;2&quot; bgcolor=&quot;#666666&quot;&gt;&lt;p&gt;&lt;font
size=&quot;2&quot; color=&quot;white&quot;&gt;공지사항으로 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;쓰면...&lt;br&gt;
좋을듯한 판때기 입니다...&lt;br&gt; 가져가셔서 더 멋있는 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;넘으로..&lt;br&gt;
변장시켜주세여..... &lt;br&gt; 아직은 저두 자세한 옵션은 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;모르겠거든여..&lt;br&gt;
일단은 이렇게 올려 봅니다..&lt;/font&gt;&lt;font color=&quot;white&quot;&gt;&lt;br&gt;
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;br&gt;
&lt;/font&gt;&lt;/td&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td
width=&quot;210&quot; colspan=&quot;2&quot; bgcolor=&quot;#444444&quot;&gt;&lt;p&gt;&lt;font
size=&quot;2&quot; color=&quot;red&quot;&gt;판때기의 <br></font></p>
<p><font size="2" color="navy">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;아무곳이나
잡아끌면 움직입니다.&lt;/font&gt;&lt;/td&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/tr&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/table&gt;<br>
&lt;/div&gt; </font></p>


</body>

</html>

반응형