加入收藏 | 设为首页 | 会员中心 | RSS
您当前的位置:首页 > 在线教程 > 网络编程

页面载入等待代码

时间:2008-07-01 21:47:58  来源:飞天影像  作者:admin

如图JYN飞天影像[巴中]

JYN飞天影像[巴中]

首先我们使用这段函数JYN飞天影像[巴中]

以下是代码片段:JYN飞天影像[巴中]

<SCRIPT type=text/javascript>JYN飞天影像[巴中]
function loadBar(fl)JYN飞天影像[巴中]
//fl is show/hide flagJYN飞天影像[巴中]
{JYN飞天影像[巴中]
  var x,y;JYN飞天影像[巴中]
  if (self.innerHeight)JYN飞天影像[巴中]
  {// all except ExplorerJYN飞天影像[巴中]
    x = self.innerWidth;JYN飞天影像[巴中]
    y = self.innerHeight;JYN飞天影像[巴中]
  }JYN飞天影像[巴中]
  else JYN飞天影像[巴中]
  if (document.documentElement && document.documentElement.clientHeight)JYN飞天影像[巴中]
  {// Explorer 6 Strict ModeJYN飞天影像[巴中]
   x = document.documentElement.clientWidth;JYN飞天影像[巴中]
   y = document.documentElement.clientHeight;JYN飞天影像[巴中]
  }JYN飞天影像[巴中]
  elseJYN飞天影像[巴中]
  if (document.body)JYN飞天影像[巴中]
  {// other ExplorersJYN飞天影像[巴中]
   x = document.body.clientWidth;JYN飞天影像[巴中]
   y = document.body.clientHeight;JYN飞天影像[巴中]
  }
JYN飞天影像[巴中]

    var el=document.getElementById('loader');JYN飞天影像[巴中]
 if(null!=el)JYN飞天影像[巴中]
 {JYN飞天影像[巴中]
  var top = (y/2) - 50;JYN飞天影像[巴中]
  var left = (x/2) - 200;JYN飞天影像[巴中]
  if( left<=0 ) left = 10;JYN飞天影像[巴中]
  el.style.visibility = (fl==1)?'visible':'hidden';JYN飞天影像[巴中]
  el.style.display = (fl==1)?'block':'none';JYN飞天影像[巴中]
  el.style.left = left + "px"JYN飞天影像[巴中]
  el.style.top = top + "px";JYN飞天影像[巴中]
  el.style.zIndex = 2;JYN飞天影像[巴中]
 }JYN飞天影像[巴中]
}JYN飞天影像[巴中]
</SCRIPT>
JYN飞天影像[巴中]

JYN飞天影像[巴中]

然后在BODY里插入调用onload=loadBar(0)JYN飞天影像[巴中]

然后在BODY下面插入以下代码JYN飞天影像[巴中]

以下是代码片段:JYN飞天影像[巴中]
<div id="loader">JYN飞天影像[巴中]
  <TABLE border=0 JYN飞天影像[巴中]
cellPadding=5 cellSpacing=1 bgColor=#bbbbb class=loader style="FILTER: Alpha(opacity=75)">JYN飞天影像[巴中]
  <TBODY>JYN飞天影像[巴中]
  <TR>JYN飞天影像[巴中]
    <TD align=left bgColor=#ffffff><br>JYN飞天影像[巴中]
      <P><IMG style="MARGIN: 3px" height=32 alt=数据载入中... JYN飞天影像[巴中]
      src="imgaes/wait.gif" width=32 JYN飞天影像[巴中]
      align=left><STRONG><FONT JYN飞天影像[巴中]
      style="FONT-SIZE: 9pt">页面数据载入中,请稍后...</FONT></STRONG><BR>JYN飞天影像[巴中]
        <SPAN><FONT JYN飞天影像[巴中]
      style="FONT-SIZE: 9pt">Please wait until this screen is completely JYN飞天影像[巴中]
loaded...!</font><br><STRONG><FONT JYN飞天影像[巴中]
      style="FONT-SIZE: 9pt">JYN飞天影像[巴中]
                             笨阿猪</FONT></strong> </SPAN></P></TD></TR></TBODY></TABLE></div>JYN飞天影像[巴中]
<SCRIPT language=JavaScript type=text/javascript>loadBar(1);</SCRIPT>
JYN飞天影像[巴中]

来顶一下
近回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表