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=rpCode;
  document.getElementById("reportDate").value=rpDate;
  document.getElementById("reportType").value=rpType;
  document.getElementById("reportName").value=rpName;
  showDiv();  //这里做显示
  document.getElementById("myForm").submit(); //提交表单
 }