<!--背景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(); //提交表單
?}

?

轉載于:https://www.cnblogs.com/colmeluna/p/3889329.html

總結

以上是生活随笔為你收集整理的Loading 遮蔽层 简单实现。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。