iframe加载完成前图片提示

最新推荐文章于 2023-12-28 14:44:50 发布

qingqingzijinxin

最新推荐文章于 2023-12-28 14:44:50 发布

阅读量664

点赞数

分类专栏： jsp 文章标签： html iframe

jsp 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script src="scripts/jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
<div id="load" align="center" v-align="middle" width="100%" height="460px;">

<img src="images/big_load.gif" />

</div> 

<iframe id="demo" src="http://www.baidu.com"
width="100%" height="460px;" frameborder="0" scrolling="no"
marginheight="0"></iframe> 

<script type="text/javascript">
//<![CDATA[
var a = document.getElementById("demo");
var b = document.getElementById("load");
a.style.display = "none"; //
b.style.display = "block"; //
//Firefox/Opera/Safari/IE
a.οnlοad=a.onreadystatechange = function() {

if(this.readyState&&this.readyState != 'complete'){
b.style.display = "none";
a.style.display = "block";
return;
}else{
b.style.display = "none";
a.style.display = "block";
}
}
//]]>

</script>
</body>
</html>