Massage BOX(LiteBox와 비슷)Massage BOX(LiteBox와 비슷)
페이지 정보
작성자 MintState 댓글 0건 조회 10,148회 작성일 08-11-17 13:18본문
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>|
|
댓글목록
등록된 댓글이 없습니다.
