js+iframe加载效果完成后才显示内容 

<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://www.86y.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.86y.org";   
if (iframe.attachEvent){   
    iframe.attachEvent("onload", function(){  
    document.getElementById("loading").style.display="none";  
    });   
} else {   
    iframe.onload = function(){  
    document.getElementById("loading").style.display="none";  
    };   
}   
</script>  
</body>  
</html>

 

转载自：http://www.86y.org/art_detail.aspx?id=272

posted @ 2016-09-08 14:51  杨潇love  阅读(846)  评论(0)  编辑  收藏  举报