弹出层,有阴影

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值