Rumah > Artikel > hujung hadapan web > 实现载入进度条效果实例展示
<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 = 'none'; adslxp.style.display = ''; } function Show() { if (txt.style.display == "none") { txt.style.display = "" } else { txt.style.display = "none" } } //--></script> <!========================载入进度条========================> </body> </html>
Atas ialah kandungan terperinci 实现载入进度条效果实例展示. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!