zoukankan      html  css  js  c++  java
  • 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(); //提交表单
     }
  • 相关阅读:
    《梦断代码》读书计划
    四则运算3
    《梦断代码》读后感Ⅱ
    第二次结对开发
    首次结对开发
    四则运算2的测试
    四则运算2的任务完成时间表
    四则运算2
    《梦断代码》观后感1
    四则运算2的心路历程
  • 原文地址:https://www.cnblogs.com/colmeluna/p/3889329.html
Copyright © 2011-2022 走看看