慢工出细活 JS 等待加载效果

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

<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>

我今天终于有了自己的qian，欢迎lady gentlemen为我的捧场！虽然我不认识的所有GGMM，不过我相信我的空间一定是独一无二的！我喜欢交朋友，如果你想和我多聊一些，给我留言，发小纸条或者直接加我好友吧！另外，如果你在其他博客上有日记或者照片，可以用(http://n.qzone.qq.com/move/move_login.htm)把它们分享生活新体验！:)