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;
分享到:
查看全文
相关阅读:
pytorch_wavelets包实现的小波变换和MWCNN中的小波变换的异同点
servlet的xx方式传值中文乱码
类中添加log4j日志
QueryRunner实战(query_update)、BeanListBeanHandler、MapListMapHandler、ScalarHandler
java中常用jar包
QueryRunner类实战
Json解析包FastJson使用
BaseDAO使用
策略模式
关于动态代理
原文地址:https://www.cnblogs.com/qqflying/p/1070799.html
最新文章
ImportError: cannot import name accumulate:如何在Python2中实现itertools的accumulate()?
python使用flask+Thread实现异步任务
angularjs使用interval实现异步轮询
《任务导向型对话系统——对话管理模型研究最新进展》(2019-12-26)阅读笔记【每一段都值得好好读】
《阿里巴巴高杰:3年风雨路,阿里巴巴自然语音交互的探索与经验教训》(2018-04-10)阅读笔记
《阿里小蜜这一年,经历了哪些技术变迁?》(2018-02-05)阅读笔记
《阿里巴巴孙健:关于人机对话交互的思考、实践和未来展望》(2018-04-17)阅读笔记
《从“连接”到“交互”—阿里巴巴智能对话交互实践及思考》(2017-07-26)阅读笔记
《拆开阿里小蜜的内核,看智能人机交互的实现逻辑》(2017-06-19)阅读笔记
《自然语言理解(Natural Language Understanding)》(2016-03-17)阅读笔记
热门文章
《一个中心+三大原则 -- 阿里巴巴小蜜这样做智能对话开发平台/四大维度全景揭秘阿里巴巴智能对话开发平台》(2019-01-15)阅读笔记
《自然语言理解-从规则到深度学习》(2017-08-04) 阅读笔记
人脸检测和识别以及检测中loss学习
人脸检测和识别以及检测中loss学习
人脸检测和识别以及检测中loss学习
人脸检测和识别以及检测中loss学习
人脸检测和识别以及检测中loss学习
VarGNet: Variable Group Convolutional Neural Network for Efficient Embedded Computing
变老
变老
Copyright © 2011-2022 走看看