163邮箱的遮盖效果

  <div id="Layer2" align="center"
   style="position:absolute; z-index:3; width: 540; height:170px;left:expression((document.body.offsetWidth-540)/2);
    top: expression((document.body.offsetHeight-170)/2);background-color:#c1c1c1;filter:Alpha(Opacity=50);" valign="center" > </div>

//放在叶面最下面
   <div id="Layer2" align="center" style="position: absolute; z-index: 3;
        width :expression(document.body.offsetWidth-20) ;
        height:expression(document.body.scrollHeight);
        left: 0; top:0;
        background-color: #c1c1c1; filter: Alpha(Opacity=50);" valign="center">
    </div>
    <script language="javascript">
    document.all["Layer2"].style.width=document.body.offsetWidth-20;
    document.all["Layer2"].style.height=document.body.scrollHeight;
    document.body.οnresize=function()
    {
    document.all["Layer2"].style.width=document.body.offsetWidth-20;
    document.all["Layer2"].style.height=document.body.scrollHeight;
    }
    </script>
///-----

//js滚动条事件
    document.body.οnscrοll=function()
    {
    document.all["<%=layerCenter.ClientID%>"].style.left=document.body.clientWidth/2;
    document.all["<%=layerCenter.ClientID%>"].style.top=document.body.clientHeight/2;
    
    document.all["Layer2"].style.width=document.body.clientWidth;
    document.all["Layer2"].style.height=document.body.clientHeight;
    document.all["Layer2"].style.top=document.body.scrollTop;//滚动之后的顶部
    } 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值