几个不错的网页载入页面

流动性非常好的网页载入页面 
第一种: 
<html> 
<head><TITLE>起点博客:::: http://www.mydot.org:::::</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<meta name="keywords" content="Jojoo.net"> 
<script language="javascript"> 
function setSB(v, el) { 
var ie5 = (document.all && document.getElementsByTagName); 
if (ie5 ¦¦ document.readyState == "complete") { 
filterEl = el.children[0]; 
valueEl = el.children[1]; 
filterEl.style.width = v + "%"; 
valueEl.innerText = v + "%"; 


function fakeProgress(v, el) { 
if (v > 100) 
location.href = " http://www.mydot.org/"; 
else { 
setSB(v, el); 
window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20); 


</script> 
</head> 

<body οnlοad="fakeProgress(0, sb)" topmargin=180 bgcolor=#eeeeee> 
<center> 
<font color=gray> <p align=center style="color: #0085dd; font-family: 宋体; font-szie:12px; line-height: 100%">载入中,请稍侯...</p></font> 
<span id=sb style="width: 300px"> 
<div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #9999ff"></div> 
<div style="font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center"></DIV> 
</span> 

</center> 

</body> 
</html> 

第二种: 
<html> 
<head> 
<title>起点博客:::: http://www.mydot.org:::::</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"> 
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"> 
<tr> 
<form name=loading> 
<td align=center> 
<p><font color=gray>正在载入中,请稍候.......</font></p> 
<p> 
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:gray; background-color:white; padding:0px; border-style:none;"> 
<br> 
<input type=text name=percent size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;"> 
<script>var bar=0 
var line="¦¦" 
var amount ="¦¦" 
count() 
function count(){ 
bar= bar+2 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 

else 


</script> 
</p> 
</td> 
</form> 
</tr> 
</table> 
</body> 
</html> 

第三种: 
<html> 
<head> 
<title>起点博客:::: http://www.mydot.org:::::</title> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<SCRIPT type=text/javascript> 
<!-- 
var ie5 = (document.all && document.getElementsByTagName); 
var step = 0; 
function setSB(v, el, inforEl, message) { 
if (ie5 ¦¦ document.readyState == "complete") { 
filterEl = el.children[0]; 
valueEl = el.children[1]; 

if (filterEl.style.pixelWidth > 0) { 
var filterBackup = filterEl.style.filter; 
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup; 


filterEl.style.width = v + "%"; 
valueEl.innerText = v + "%"; 
inforEl.innerText = message; 


function setSBByStep(v, el, inforEl, message) { 
if (ie5 ¦¦ document.readyState == "complete") { 
step = step + v; 
filterEl = el.children[0]; 
valueEl = el.children[1]; 

if (filterEl.style.pixelWidth > 0) { 
var filterBackup = filterEl.style.filter; 
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup; 

filterEl.style.width = step + "%"; 
valueEl.innerText = step + "%" 
inforEl.innerText = message; 


function fakeProgress(v, el) { 
if (v >= 101) 
location.href=" http://www.mydot.org/"; 
else { 
setSB(v, el, infor, "Loading... please wait"); 
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 60); 


//--> 
</SCRIPT> 
</head> 
<BODY οnlοad="fakeProgress(0,sb)" topmargin=100 bgcolor="#999999"> 
<br><br><br><br><br><br><br><br> 
<!-- Status Bar Starts --> 
<div align=center> 
<DIV id=sb 
style="BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: #cccccc; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left"> 
<DIV id=sbChild1 
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 20px"> 
<DIV 
style="FONT-SIZE: 1px;BACKGROUND:#ffffff; WIDTH: 100%; HEIGHT: 100%"></DIV></DIV> 
<DIV 
style="FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: absolute; TEXT-ALIGN: center"></DIV></DIV> 
<!-- Status Bar Ends --> 
<br> 
<DIV id=infor 
style=" FONT-SIZE:11px; WIDTH: 100%; COLOR:#000000; FONT-FAMILY:verdana; POSITION: relative; TEXT-ALIGN: center"> 
</DIV> 
</div> 
</BODY> 
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值