实例可以直接运行查看效果。很方便快捷
[html] view plain copy
- <html>
- <head>
- <meta http-equiv="content-Type" content="text/html;charset=gb2312">
- <style type="text/css">
- <!--
- *{margin:0;padding:0;}
- .ifr_div{600px;height:600px; position:relative;}
- .ifr_div img{ vertical-align:middle;}
- .proccess{border:0px solid;border-color:#009900;height:600px;line-height:600px;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>