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;
查看全文
相关阅读:
Vue Router基础
Bootstrap4入门
React性能优化
Koa,React和socket.io
RN-进阶
RN-入门基础
RN-环境配置
React高级指引
React基础概念
实现A-Z滑动检索菜单
原文地址:https://www.cnblogs.com/skyblue/p/1187691.html
最新文章
SD从零开始62-63,不完全日志,业务伙伴及业务伙伴确定
navigation controller 打开一个新view controller
navigation controller添加按钮
两个storyboard,多个storyboard 引用,代码调用
RGB转UIColor,swift代码
Swift 语法介绍,Swift简述
JS 基础知识3 变量
JS 基础知识2 传值和传址
javascript 基础知识1 数据类型
关于jQuery小认知(后期会补充)
热门文章
图片滚动 初学JQuery
数组与对象基本操作(JQuery)
MySQL入门
Vue登录登出以及JWT认证
Vue开发实战
React Router
Mock
axios
Vuex
Vue Router高级
Copyright © 2011-2022 走看看