上一篇

下一篇

PHP

网页加载loading

作者: 探蕗鍺日期: 2009-11-19 00:52

字体大小: 小中大

<style type="text/css">
 #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;
 }
 #loader_bg {background-color:#e4e7eb;
 position:relative;
 top:8px;
 left:8px;
 height:7px;
 width:113px;
 font-size:1px}
 #progress {
 height:5px;
 font-size:1px;
 width:1px;
 position:relative;
 top:1px;
 left:0px;
 background-color:#70940D
 }
 </style><script language="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>
 
 
 <body onLoad="remove_loading();">
 <div id="loader_container">
 <div id="loader">
 <div align="center">页面正在加载中 ...</div>
 <div id="loader_bg"><div id="progress"> </div></div>
 </div>
 </div>
 <iframe id="demo" src="http://www.3blog.org" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"></iframe>
 </body>

标签: PHP

评论: 0 | 引用: 4714 | 阅读: 554

加入网摘

显示Tag关联文章

PHP Cookie登录验证技巧讲解 (2010-05-31 10:33)
F2Blog官网DIY代码数据 (2010-04-25 19:25)
通过PHP连接MYSQL数据库、创建数据库、创建表 (2009-10-21 00:23)
PHP站内搜索(转载) (2009-10-18 00:05)
phpMyAdmin安装配置方法全过程 (2009-09-28 21:42)

发表评论

长城梦柏 's blog Powered By F2blog.cont 1.1 Build 090810 CopyRight 2006 - 2010 XHTML | CSS | Archiver | Sitemap

XiaoHui_1.0 程序維護 By 墮落程式 Design by YuTao Skin from pjblog
Processed in 0.038669 second(s), 4 queries, Gzip enabled