<script type="text/javascript" language="javascript">//设置层可以随意拖动的方法
var Obj='';
document.οnmοuseup=up;
document.οnmοusemοve=MMove;
function down(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 up(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}
</script>
<style type="text/css">//样式,可以任意修改
#massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-100)/2); width:400px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:1; visibility:hidden}
.header01{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff;}
</style>
html部分:
<img src="images/EmbedLink.gif" style="cursor:pointer" οnclick="massage_box.style.visibility='visible';"/>//点击弹出层
<!--要弹出的层-->
<div id="massage_box">
<div class="message01">
<div class="header01" οnmοusedοwn="down(massage_box)">
<div style="display: inline;line-height: 30px; position: absolute;
padding-left: 10px;">
信息接收人选择</div>
<span οnclick="massage_box.style.visibility='hidden';" style="float: right; display: inline;
cursor: hand">×</span>//点击关闭层</div>
<table style="background: #fff; border: 1px solid #036; line-height: 20px;" width="100%">
<tr>
<td>
</td>
<td>
</td>
<td>
//在这里添加层里要显示的内容
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>