很多时候需要在前台页面提交时加上一个等待图标和遮罩。可以使用下面的例子:
<div id='loading' style='display:none;width:100%;height:120%;text-align:center;padding-top:20%; position: absolute;alpha(opacity=45); opacity:0.45;background-color:#FFFFFF;z-index:1000;'>
<table style='margin:auto;'>
<tr><td><span id='disp'>提交中,请等待...</span></td></tr>
<tr><td><img src='../某路径/img/loading.gif'></td></tr>
</table>
</div>
上面例子中,在页面表层添加一个div,并设置透明度来进行遮罩。
控制该遮罩层可以通过设置style.display属性来控制,如下:
// 遮罩层显示
document.getElementById("loading").style.display="block";
// 遮罩层消失
setTimeout("closeLoading()",2000);
function closeLoading() {
document.getElementById("loading").style.display="none";
}
分享到:
相关推荐
JS弹DIV,遮罩层JS弹DIV,遮罩层JS弹DIV,遮罩层
漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...
DIV遮罩层 遮罩所有工作区域 简单的方法
通过js实现的div遮罩层的效果,相当于锁住全屏,只能操作当前的弹出框操作。
JS弹出Div+遮罩层,弹出遮罩后滚动条不可滚动。
模式对话框(可刷新) 可移动div 遮罩层
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
用于页面加载的前置前面,防止页面还没加载完就被用户点击,或者给用户体验增强。
javascript浮动div,可拖拽div,遮罩层(div和iframe实现)
html代码很简单 <div class=mask></div> 1 、半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:...
Div 对话框 可移动 可设遮罩层 可以同时打开多个对话框,JS源代码
div遮罩层 最简单的实现原理 div遮罩层 最简单的实现原理
DIV层遮罩,简单功能实现,代码不规范,随便写的
Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 参考文档: http://blog.csdn.net/u014175572/article/details/51800168 Bootstrap实现遮罩层 ...
本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <...
在客户端浏览器中,可以在某个时机使用javascript把一个div作为遮罩层,来封锁整个页面。
遮罩层(多个实现的例子)/js/div,直接运行可以看到效果,可以直接使用。
点击弹出浮动层 弹出遮罩层 点击弹出浮动层 弹出遮罩层
主要介绍了jquery实现点击其他区域时隐藏下拉div和遮罩层的方法,涉及jQuery响应鼠标事件动态改变页面元素样式的功能,需要的朋友可以参考下
封装遮罩层div显示效果,将其放在页面的div中加载