zoukankan      html  css  js  c++  java
  • 使用半透明的DIV实现禁用页面功能(转)

    实现功能:弹出一个DIV层提示等待信息,这个时候禁用用户操作页面中的其他内容。
    弹出DIV:
    <div id="divWaiting" style="display: none; z-index: 1100; left: 25%; right: 25%; position: absolute;
        text-align: center;  50%; height: 50px; border-right: #009900 1px solid;
        border-top: #009900 1px solid; border-left: #009900 1px solid; border-bottom: #009900 1px solid;
        background-color: #f9fff6; left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
        top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);"
    >
        
    <br>
        The system is dealing with your request, please waiting
    </div>

    弄一个全屏的DIV来覆盖页面:
    <div id="divDisable" style="display: none;expression(document.body.offsetWidth);height:expression(document.body.offsetHeight); z-index: 1000; position: absolute;left: 0px; top: 0px;filter:alpha(opacity=50); background-color:White"></div>

    点击按钮的操作:
    document.getElementById("divWaiting").style.display="";
            document.getElementById("divDisable").style.display="";

    其他处理:
    function ChangeDiv()
    {
       document.getElementById("divDisable").style.height=document.body.offsetHeight+document.body.scrollTop;
    }
    window.onscroll=ChangeDiv;
  • 相关阅读:
    USACO Grass Planting
    洛谷 P3178 [HAOI2015]树上操作
    史上最全NOIP初赛知识点
    史上最全的CSP-J/S 第一轮知识点
    洛谷 P1886 滑动窗口
    背包九讲—简单背包
    NOIP 2005 采药
    洛谷 P2357 守墓人
    NOI 2015 软件包管理器
    洛谷 P3384 【模板】树链剖分
  • 原文地址:https://www.cnblogs.com/skyblue/p/1187691.html
Copyright © 2011-2022 走看看