<body>
<div id="loading" style="positionabsolutewidth:100%height:100%padding:90px">
<img src="http://sysimages.tq.cn/images/analysis_images/ajax-loader.gif ">
</div>
.
.
.
.
.
<script>document.getElementById('loading').style.display='none'</script>
</body>
给你一个jQuery加blockUI的例子，ie下好像有点点问题，就是页面加载完后，页面里面图片没加载完就去掉遮罩了，在Firefox下完美。连接你可以换成别的网址试，不是同域的也没问题插件嘛自己搜索下载吧，我担心给连接的话，回复的信息又显示不了了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"></script>
<script language="javascript" src="/js/jquery.blockUI.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!--//
$(document).ready(function(){
$("#diviframe").block()
if ($.browser.msie){
$('#a').ready(function(){
$("#diviframe").unblock()
})
}
else{
$('#a').load(function(){
$("#diviframe").unblock()
})
}
})
//-->
</script>
</head>
<body>
1111111<br />
<br />
<br />
<br />
<br />
<br />
<div id="diviframe">
<iframe id="a" name="a" src="iframechild.html" width="700" height="200"></iframe>
</div>
<br />
<br />
<br />
<br />
<br />
</body>
</html>
知道又把我的回复吃了，现在才解决 ╮(╯▽╰)╭
需要在iframe请求外部资源的时候，需要显示一个loading，在加载完成后，将这个loading隐藏掉。一个Iframe框架首页，嵌套使用了2个iframe标签。即在第二个ifame发出请求后，会出现IE浏览器进度条停不下来，一直处于loading的状态。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）