在<head></head>区域中加入以下代码
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;
}
//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 >
<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=”http://www.webjx.com/htmldata/2005-12-04/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>
<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=”http://www.webjx.com/htmldata/2005-12-04/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 全部选择 提示：你可先修改部分代码，再按运行]
欢迎大家阅读《一种比较酷的页面载入特效代码_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：一种比较酷的页面载入特效代码_js
转载请注明原文链接：一种比较酷的页面载入特效代码_js
