网页载入中
程序员文章站
2022-04-02 21:52:01
...
<html> <head> <script type="text/javascript"> //页面加载中效果开始 var t_id = setInterval(animate,20); var pos=0; var dir=2; var len=0; function animate() { var elem = document.getElementById('progress'); if(elem != null) { if (pos==0) len += dir; if (len>32 || pos>79) pos += dir; if (pos>79) len -= dir; if (pos>79 && len==0) pos=0; elem.style.left = pos; elem.style.width = len; } } function remove_loading() { this.clearInterval(t_id); var targelem = document.getElementById('loader_container'); targelem.style.display='none'; targelem.style.visibility='hidden'; } </script> <style> #loader_container { text-align:center; position:absolute; top:40%; width:100%; left: 0; } #loader { font-family:Tahoma, Helvetica, sans; font-size:11.5px; color:#000000; background-color:#FFFFFF; padding:10px 0 16px 0; margin:0 auto; display:block; width:130px; border:1px solid #5a667b; text-align:left; z-index:2; } #progress { height:5px; font-size:1px; width:1px; position:relative; top:1px; left:0px; background-color:#8894a8; } #loader_bg { background-color:#e4e7eb; position:relative; top:8px; left:8px; height:7px; width:113px; font-size:1px; } </style> </head> <body> <div id="loader_container"> <div id="loader" style="width: 130px; height: 48px"> <div align="center"> <font color="#FF9900">页面正在加载中 <br> 请稍候...</font> </div> <div id="loader_bg"> <div id="progress"> </div> </div> </div> </div> 网页内容; <iframe src="http://www.qq.com" /> <script language="javascript"> remove_loading(); </script> </body>
下一篇: 网页载入中
推荐阅读
-
List
-
css3中的一些特别的单位:em、rem、vw、vh、vmin、vmax_html/css_WEB-ITnose
-
flash cookie PHP中的cookie
-
jQuery在vs2008及js文件中的无智能提示的解决方法_jquery
-
JavaScript中的原型与原型链详解
-
JavaScript 中的面向对象编程的详细介绍
-
使用Python编写提取日志中的中文的脚本的方法
-
PHP的Yii框架中YiiBase入口类的扩展写法示例,yiiyiibase_PHP教程
-
Zend Studio-8.0.0中文汉化教程
-
22岁学习网页编程,学了是PHP、ASP,大侠们支招小弟我该怎么走编程之路