首页 > web前端 > js教程 > 正文

实现载入进度条效果实例展示

巴扎黑
发布: 2017-05-21 18:46:55
原创
1433 人浏览过

<html> 
<head> 
<title>测试转发一下</title> 
</head> 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden"> 
<p id="adslxp" style="display: none" width="100%" height="100%"><iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"></iframe></p> 
<!========================载入进度条========================> 
<p id=ld> 
<table width=100% height=90%><tr><td align=center> 
<center> 
<h1>正在载入 <font color=red>测试转发一下</font> 请稍侯...</h1> 
<table width=40%><tr><td align=left> 
<table id=lpc bgcolor=blue><tr><td> </td></tr></table> 
</td></tr></table> 
<br><br><br> 
<center>本站只提供域名转发,与转向的网站无任何关系</center> 
</center> 
</td></tr></table> 
</p> 
<script language=JavaScript><!-- 
ini = new Date().getTime(); 
var pc = 0; 
load(); 
function load() { 
pc += 2; 
lpc.style.width = pc + "%"; 
time = setTimeout("load()",25); 
if (pc > 100) { clearTimeout(time); loaded() } 
} 
function loaded() { 
fim = new Date().getTime(); 
dif = fim - ini; 
ld.style.display = &#39;none&#39;; 
adslxp.style.display = &#39;&#39;; 
} 
function Show() { 
if (txt.style.display == "none") { txt.style.display = "" } 
else { txt.style.display = "none" } 
} 
//--></script> 
<!========================载入进度条========================> 
</body> 
</html>
登录后复制

以上是实现载入进度条效果实例展示的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板