iframe加载时的loading效果,兼容Firefox
2011-12-19 08:57
393 查看
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> </head> <body> <div align="center" style="position: absolute; width: 100px; height: 100px; z-index: 1; left:158px; top:17px" id="load"><img src="http://sysimages.tq.cn/images/analysis_images/ajax-loader.gif" /> loading...</div> <iframe style="visibility:hidden" onreadystatechange=stateChangeIE(this) onload=stateChangeFirefox(this) name="callframe" id="callframe" width="420" height="100" frameborder="0" scrolling="no" marginheight="0"></iframe> <script> function stateChangeIE(_frame) { if (_frame.readyState=="interactive")//state: loading ,interactive, complete { var loader = document.getElementById("load"); loader.innerHTML = ""; loader.style.display = "none"; _frame.style.visibility = "visible"; } } function stateChangeFirefox(_frame) { var loader = document.getElementById("load"); loader.innerHTML = ""; loader.style.display = "none"; _frame.style.visibility = "visible"; } callframe.location.href="http://www.hao123.com"; </script> </body> </html>
摘自:/article/2863176.html
相关文章推荐
- iframe加载时的loading效果,兼容Firefox
- javscript 实现iframe加载内容页出现LOADING效果
- 判断iframe是否加载完毕的方法(兼容ie和Firefox)
- 真实加载页面信息时显示的loading特效,兼容Firefox
- javscript 实现iframe加载内容页出现LOADING效果
- 为何firefox不支持insertRow和insertCell。我如何能让firefox显示和ie显示的效果一样?iframe实现高度自适应,兼容FF、Opera、Safari
- 判断iframe是否加载完毕的方法(兼容ie和Firefox)
- javscript 实现iframe加载内容页出现LOADING效果
- javscript 实现iframe加载内容页出现Loading效果
- 判断iframe是否加载完毕的方法(兼容ie和Firefox)
- javscript 实现iframe加载内容页出现LOADING效果
- 判断iframe或脚本对象是否加载完毕的方法(兼容ie和Firefox)
- JS图片loading及放大查看效果(兼容IE,FF)
- iframe加载完成监控兼容IE/FF/Chrome
- js实现鼠标右键自定义菜单(弹出层),并与树形菜单(TreeView)、iframe合用(兼容IE、Firefox、Chrome)
- Android自定义View实现loading动画加载效果
- CSS3 应用01 - 文本阴影效果(兼容IE 7-9 Firefox Opera Chrome 等多浏览器)
- vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
- 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)