首页 > 代码库 > Loading 遮蔽层 简单实现。
Loading 遮蔽层 简单实现。
<!--背景div-->
<div id="bg" class="bg" style="display:none;text-align: center;"></div>
<!--loading 图片 div -->
<div class="mydiv" id="popDiv"> <img src="${root }/common/images/loading11.gif" style="margin-top:40px;"/><br/> <p align="center">正在查询,请稍后。。。。</p> </div>
当执行点击事件时,通过js控制div做一次显示即可。
function showDiv(){ document.getElementById(‘popDiv‘).style.display=‘block‘; document.getElementById(‘bg‘).style.display=‘block‘; //document.getElementById(‘popIframe‘).style.display=‘block‘; }function closeDiv(){ document.getElementById(‘popDiv‘).style.display=‘none‘; document.getElementById(‘bg‘).style.display=‘none‘; //document.getElementById(‘popIframe‘).style.display=‘none‘; }
function goT(rpCode,rpDate,rpType,rpName){
document.getElementById("reportCode").value=http://www.mamicode.com/rpCode;
document.getElementById("reportDate").value=http://www.mamicode.com/rpDate;
document.getElementById("reportType").value=http://www.mamicode.com/rpType;
document.getElementById("reportName").value=http://www.mamicode.com/rpName;
showDiv(); //这里做显示
document.getElementById("myForm").submit(); //提交表单
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。