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

弄一个全屏的DIV来覆盖页面:
使用半透明的DIV实现禁用页面功能<div id="divDisable" style="display: none;width: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>

点击按钮的操作:
使用半透明的DIV实现禁用页面功能document.getElementById("divWaiting").style.display="";
使用半透明的DIV实现禁用页面功能        document.getElementById("divDisable").style.display="";

其他处理:
使用半透明的DIV实现禁用页面功能function ChangeDiv()
使用半透明的DIV实现禁用页面功能{
使用半透明的DIV实现禁用页面功能   document.getElementById("divDisable").style.height=document.body.offsetHeight+document.body.scrollTop;
使用半透明的DIV实现禁用页面功能}
使用半透明的DIV实现禁用页面功能window.onscroll=ChangeDiv;

相关文章:

  • 2022-12-23
  • 2021-07-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-18
  • 2021-12-07
  • 2021-09-29
  • 2021-05-23
猜你喜欢
  • 2022-02-18
  • 2022-02-01
  • 2021-11-11
  • 2022-12-23
  • 2022-12-23
  • 2021-04-26
  • 2021-08-02
相关资源
相似解决方案