<
BODY onload
=
loadBar(
0
)
>
< SCRIPT language = javascript src = " loadbar.js " ></ SCRIPT >
< DIV id = loader style = " DISPLAY: none; Z-INDEX: 100; POSITION: absolute " >
< TABLE style = " FILTER: Alpha(opacity=90) " onclick = loadBar( 0 ) cellSpacing = 1
cellPadding = 5 bgColor = #bbbbb border = 0 >
< TBODY >
< TR >
< TD align = left bgColor = #ffffff >
< P >< IMG style = " MARGIN: 3px " alt = 请等待 src = " load.gif "
align = left >< STRONG > 数据载入中... </ STRONG ></ P ></ TD ></ TR ></ TBODY ></ TABLE ></ DIV >
< SCRIPT language = javascript type = text / javascript > loadBar( 1 ); </ SCRIPT >
< SCRIPT language = javascript src = " loadbar.js " ></ SCRIPT >
< DIV id = loader style = " DISPLAY: none; Z-INDEX: 100; POSITION: absolute " >
< TABLE style = " FILTER: Alpha(opacity=90) " onclick = loadBar( 0 ) cellSpacing = 1
cellPadding = 5 bgColor = #bbbbb border = 0 >
< TBODY >
< TR >
< TD align = left bgColor = #ffffff >
< P >< IMG style = " MARGIN: 3px " alt = 请等待 src = " load.gif "
align = left >< STRONG > 数据载入中... </ STRONG ></ P ></ TD ></ TR ></ TBODY ></ TABLE ></ DIV >
< SCRIPT language = javascript type = text / javascript > loadBar( 1 ); </ SCRIPT >
====================================================
这个为用于显示进度条的图片,特别漂亮
====================================================
进度条的js文件: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;
}
}
// 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;
}
}