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;
查看全文
相关阅读:
异步请求模板和数据
关于线上js报错问题的思考
标准web浏览器的组件
监控图片加载的方法
图片轮播
jQuery的一些小技巧()
setTimeout/setInterval伪异步
linux/windows java jdk环境配置
iOS pod 第三方 unrecognized selector sent to instance
上海4
原文地址:https://www.cnblogs.com/skyblue/p/1187691.html
最新文章
#请用索引取出下面list的指定元素:
python 冒泡排序
Time_wait问题小结
mysql执行计划查看工具explain
查询中使用全文索引
全文索引的原理及定义
MySQL日志详细说明
CXF整合spring,在tomcat中发布webService
如何在servlet中获取spring创建的bean
从MVC到前后端分离
热门文章
Logger级别和输出的地方
新建oracle用户
springmvc文件上传
纯注解方式配置spring+springMVC
Spring整合Mybatis
servlet总结
http协议
$.when()方法监控ajax请求获取到的数据与普通ajax请求回调获取到的数据的不同
GMT时间转换为当地时间的方法
window.postMessage跨文档通信
Copyright © 2011-2022 走看看