首页 > 其他 > 详细

Loading 遮蔽层 简单实现。

时间:2014-08-04 10:28:06      阅读:455      评论:0      收藏:0      [点我收藏+]
<!--背景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=rpCode;
  document.getElementById("reportDate").value=rpDate;
  document.getElementById("reportType").value=rpType;
  document.getElementById("reportName").value=rpName;
  showDiv(); //这里做显示
  document.getElementById("myForm").submit(); //提交表单
 }

 

Loading 遮蔽层 简单实现。,布布扣,bubuko.com

Loading 遮蔽层 简单实现。

原文:http://www.cnblogs.com/colmeluna/p/3889329.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!