打印本文 打印本文 关闭窗口 关闭窗口
一种比较酷的页面载入特效代码
作者：武汉SEO闵涛  文章来源：敏韬网  点击数856  更新时间：2009/4/23 11:27:00  文章录入：mintao  责任编辑：mintao
　　在<head></head>区域中加入以下代码
 <script src="js/loadbar.js" type="text/javascript"></script>

　　loadbar.js代码如下
function loadBar(fl)
//fl is show/hide flag
{
  var x,y;
  if (self.innerHeight)
  {// all except Explorer
    x = self.innerWidth;
    y = self.innerHeight;
  }
  else
  if (document.documentElement && document.documentElement.clientHeight)
  {// Explorer 6 Strict Mode
   x = document.documentElement.clientWidth;
   y = document.documentElement.clientHeight;
  }
  else
  if (document.body)
  {// other Explorers
   x = document.body.clientWidth;
   y = document.body.clientHeight;
  }

    var el=document.getElementById('loader');
        if(null!=el)
        {
                var top = (y/2) - 50;
                var left = (x/2) - 150;
                if( left<=0 ) left = 10;
                el.style.visibility = (fl==1)?'visible':'hidden';
                el.style.display = (fl==1)?'block':'none';
                el.style.left = left + "px"
                el.style.top = top + "px";
                el.style.zIndex = 2;
        }
}

　　在<body></body>区域中加入以下代码
<body onMouseOver="window.status='喜欢本站,别忘了与朋友分享哦！';return true" onload="loadBar(0)">
<div id="loader">
<table class="loader" style="FILTER: Alpha(opacity=75)" cellspacing="1" cellpadding="5" bgcolor="#bbbbb" border="0">
<tbody><tr>
 <td align="left" bgcolor="#ffffff">
 <p><img style="MARGIN: 3px" height="32" alt="数据载入中..." src="images/wait.gif" width="32" align="left" /><strong>数据载入中...</strong><br />
 <span>正在载入页面, 请稍候...</span></p></td></tr>
</tbody></table>
</div>
<script language="JavaScript" type="text/javascript">loadBar(1);</script>

　　附上wait.gif图片....

    [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

打印本文 打印本文 关闭窗口 关闭窗口