iframe正在加载时显示遮罩层 加载完毕后显示iframe 

 1 　　　　 <div id="load" align="center">
 2             <img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" />
 3             loading
 4         </div>
 5         <!-- 首先放一个div，用做loading效果 -->
 6         <iframe id="demo" src="http://www.baidu.com" width="100%" height="800"
 7             frameborder="0" scrolling="no" marginheight="0"></iframe>
 8         <!-- src 里面放你想要的网页-->
 9         <script type="text/javascript">
10             var a = document.getElementById("demo");
11             var b = document.getElementById("load");
12             a.style.display = "none"; //隐藏 
13             b.style.display = "block"; //显示
14             a.onreadystatechange = function() {
15                 if (this.readyState == "complete") { //最近才知道的。不然也写不出来。
16                     // 解释：一个iframe加载完毕的状态是complete,
17                     // 就象xmlhttp里的那个==4一样,这些都是规定的
18                     b.innerHTML = "load complete!";
19                     b.style.display = "none";
20                     a.style.display = "block";
21                 }
22             }
23         </script>

 

posted on 2015-02-11 17:36  Denis，  阅读(1102)  评论(0)    收藏  举报

导航