JS 等待加载效果

来源：互联网发布：化成最简形矩阵的思路编辑：程序博客网时间：2024/05/16 11:24

实例可以直接运行查看效果。很方便快捷

<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <style type="text/css"> <!-- *{margin:0;padding:0;} .ifr_div{width:600px;height:600px; position:relative;} .ifr_div img{ vertical-align:middle;} .proccess{border:0px solid;border-color:#009900;height:600px;line-height:600px;width:600px;text-align:center;background:#eee;margin:0;position:absolute;top:0;left:0;} .proccess b{vertical-align:middle;background:url(http://ok22.org/upload/images/20110902143538381.gif) no-repeat 0 center;padding-left:35px;display:inline-block;} --> </style> </head> <body> <div class="ifr_div">     <div class="proccess" id="loading"><b>正在加载中。。。</b></div>     <iframe id="sfa" name="sfa" frameborder="0" scrolling="auto" height="600" width="600"></iframe> </div> <script language="JavaScript"> var iframe = document.getElementById("sfa");  iframe.src = "http://www.ok22.org";  if (iframe.attachEvent){      iframe.attachEvent("onload", function(){     document.getElementById("loading").style.display="none";     });  } else {  www.2cto.com    iframe.onload = function(){     document.getElementById("loading").style.display="none";     };  }  </script> </body> </html>

0 0