网页加载loading...

原创 2007年09月26日 09:06:00

<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.yahoo.com"    width="100%"    height="100%"   frameborder="0" scrolling="no" marginheight="0"></iframe>   
   </body>

 

 

网页常用loading 加载gif图片素材

  • 2016年05月08日 11:30
  • 474KB
  • 下载

网页loading(加载)效果的实现

说到页面loading效果,现在各种PC端和移动端的应用使用loading都十分的广泛,这是因为页面的加载时需要时间的,如果页面加载很快,loading的作用可能还不是特别能够体现,但是如果当页面加载...

安卓自定义loading加载框

  • 2017年12月10日 14:57
  • 24.93MB
  • 下载

加载loading效果

  • 2017年12月06日 15:49
  • 258KB
  • 下载

页面预加载loading动画,再载入内容

默认情况下如果网站请求速度慢,所以会有一段时间的空白页面等等,用户体验效果不好,见到很多的页面都有预加载的效果,加载之前先加载一个动画,后台进程继续加载页面内容,当页面内容加载完之后再退出动画显示内容...

jQuery loading加载动画特效

  • 2016年05月12日 21:40
  • 27KB
  • 下载

eclipse启动无响应,老是加载不了revert resources,或停留在Loading workbench状态

做开发的同学们或多或少的都会遇到eclipse启动到一定程度时,就进入灰色无响应状态再也不动了。启动画面始终停留在Loading workbench状态。反复重启,状态依旧。        多数情况...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页加载loading...
举报原因:
原因补充:

(最多只允许输入30个字)