iframe 加载完毕前的等待特效

最新推荐文章于 2024-03-27 09:38:20 发布

魅力丛林

最新推荐文章于 2024-03-27 09:38:20 发布

阅读量481

点赞数 7

文章标签： java javascript 前端

本文链接：https://blog.csdn.net/MeiLiCongLin/article/details/135521711

版权

<div align="center" id="loading"><img  style=" margin-top:100px;floa: left;height: 20px;width: 20px;" src="http://img.zcool.cn/community/0179f1574d2d656ac72525ae5f181d.gif" />
    加载中，请稍后...
</div>
<iframe id="zgboke" onreadystatechange=stateChangeIE(this) onload=stateChangeFirefox(this) style="visibility: hidden;padding: 0px; width: 100%; height="0" src="http://www.wpsseo.cn/" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<script language="javascript">
 function stateChangeIE(_frame)
    {
       if (_frame.readyState=="interactive")
     {
          var loader = document.getElementById("loading");
          loader.innerHTML      = "";
          loader.style.display = "none";
          _frame.style.visibility = "visible";
         }
 }
    function stateChangeFirefox(_frame)
      {
          var loader = document.getElementById("loading");
          var f= document.getElementById("zgboke");
          f.height="512";
          loader.innerHTML      = "";
          loader.style.display = "none";
          _frame.style.visibility = "visible";
 }
</script>

在这里插入图片描述