first:
<form name=loading>
<p><font color="7285CF">正在载入，请稍候.......</font></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:7285CF; background-color:white; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:FF0000; 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)
{setTimeout("count()",100);}
else
{window.location = "/index.htm";}
}
</script>
</p>
</form>
second:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>为网页加Loading
</title>
<meta http-equiv="Content-Type"
content="text/html; charset=gb2312">
</head>
<body onload='clearInterval(timer);Loading.style.display="none";'>
<div id="Loading" style="position:absolute;width:100%; height:100%; z-index:100;background:white;">
<div id="Waiting" style="position:absolute;left:40%;top:50%;"></div></div>
<script>
var text="正在载入文档";i=0;
function load() {
if (i<6) {
text+=".";
Waiting.innerText=text;
i++;}
else {text="正在载入文档";i=0;}}
timer=window.setInterval("load()",300);
</script>
<!--以下是网页的内容.-->
<img src="http://图片地址">
</body>
</html>
third:
<html>
<head>
<title>Loading</title>
<style type="text/css">
body{background-color:#ffffff;}
#content{display:none;}
#loadbox{position:absolute;top:50%;left:50%;margin-left:-68px;margin-top:-36px;width:222px;height:58px;text-align:center;}
#loadbox span{display:block;width:222px;height:32px;text-align:center;color:#CCC;font-size:9pt;}
</style>
<script type="text/javascript">
document.write('<div id="loadbox"><span>页面加载中，请稍候……</span><img src="http://www.codefans.net/jscss/demoimg/200907/loading.gif" border="0"></div>');
window.onload = function(){
document.getElementById('loadbox').style.display="none";
document.getElementById('content').style.display="block";
}
</script>
</head>
<body>
<div id="content"><iframe src="http://220.194.44.182/kmyz/applyinfo/default.html" width="800" height="360" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe></div>
</body>
</html>