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;
分享到:
查看全文
相关阅读:
装饰器模式
mockups 安装
单例设计模式
css优先级问题
GPU的nvadiasmi解析
conda配置镜像并安装gpu版本pytorch和tensorflow2
索引的优化
[转]必须掌握的八个【cmd 命令行】
BDE莫名的不自动COMMIT问题
窗体控件笔记
原文地址:https://www.cnblogs.com/qqflying/p/1070799.html
最新文章
js脚本不好用,Web设计界面什么也不显示
.NET访问Oracle的基础知识
整理最近新学到的几种sql写法(三)Update使用表别名
整理最近新学到的几种sql写法(二)“取得每个班里的前两名”
猛然发现App_Data文件夹的特殊用处
[转]使用 .NET Framework 2.0 在您的应用程序中支持证书
自己也写一个字符串分割函数
【转】你真的会使用断点吗?
贴上同事写的一个字符串分割函数
SQL访问Access时,推荐使用OpenDataSource()
热门文章
[转贴]确保 ASP.NET 应用程序和 Web Services 的安全
未能加载文件或程序集"Microsoft.ReportViewer.WebForms"
sql2005提供的几个新的实用函数
Debug和release;bin目录和obj目录
phpcms安装过程中的一些问题
ajaxfileupload Syntax Error
工厂模式
HTTP 状态响应码 意思详解/大全
ubuntu彻底删除wine
迭代器模式
Copyright © 2011-2022 走看看