Massage BOX(LiteBox와 비슷)
로빈아빠
본문
Massage BOX(LiteBox와 비슷)
LiteBox와 비슷합니다. 클릭하면 바탕 클릭 못하고 메시지 박스가 나타납니다.
소스는 매우 심플 합니다.
익스플로러에서만 작동합니다. 참고하세요
LiteBox와 비슷합니다. 클릭하면 바탕 클릭 못하고 메시지 박스가 나타납니다.
소스는 매우 심플 합니다.
익스플로러에서만 작동합니다. 참고하세요
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>massage_box</title>
<style type="text/css">
a{ color:#000; font-size:12px;text-decoration:none}
a:hover{ color:#900; text-decoration:underline}
body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}
#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
.massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
</style>
<script language="javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object) {
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
function MMove() {
if(Obj!='') {
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
function MUp() {
if(Obj!='') {
document.all(Obj).releaseCapture();
Obj='';
}
}
</script>
</head>
<body>
<div id="massage_box">
<div class="massage">
<div class="header" onmousedown=MDown(massage_box)>
<div style="display:inline; width:150px; position:absolute">Title</div>
<span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>
</div>
<ul style="margin-right:25">
<li>내용을 입력 합니다。</li>
<li>잘 보이시나요?</li>
<li>YesYo.com。</li>
</ul>
</div>
</div>
<div id="mask"></div>
<span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor:hand"><a href="#">massage_box OPen</a></span>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>bottom here
</body>
</html>관련링크
댓글목록
등록된 댓글이 없습니다.