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;
分享到:
查看全文
相关阅读:
初学C++到底应该用什么工具比较合适——工具简析
便携式办公套件LibreOffice Portable 4.0.1
Hibernate和JPA之间的联系
央视《家有妙招》整理版,共250招,值得永远收藏
思科Vs华为:不可避免的对决
Facebook手机刺激了谁?
Facebook利用Home平台加速进军移动领域
英特尔Haswell处理器已出货 预计6月推出
苹果自建街景地图 或与谷歌针锋相对
图片链接
原文地址:https://www.cnblogs.com/qqflying/p/1070799.html
最新文章
第一部分 基本语言 第三章 标准库类型(3.4迭代器简介)
linux2.6.32在mini2440开发板上移植(6)之W35型LCD驱动移植
HDU2058:The sum problem
Jsoup网页内容抓取分析
浅论网站优化还有涉足百度产品的必要吗
查询网站死链接及删除方法
求大整数的阶乘
Windows 7常用快捷键一览表
C++ string类不能像C字符串能靠在i位赋值为‘\0’来截断
在.NET开发中的单元测试工具之(2)——xUnit.Net
热门文章
JSP 9个内置对象
First chance exception & R6025pure virtual function call的问题 Opencv
黑马程序员_字符的编码问题
CodeIgniter 应用开发笔记 2
静态和动态链接
闯迷宫
使用LaTeX按IEEE模板写论文时的参考文献管理方法(BibTeX使用小结)
PHP与Mysql连接
How to install SharePoint 2010 on Windows 7
XNA4.0学习笔记2:控制精灵和碰撞检测
Copyright © 2011-2022 走看看