28,391
社区成员
发帖
与我相关
我的任务
分享高难问题
当我打开连接http://www.microsoft.com/china/technet/iis/
会看到Loading...... ,几秒后转到正常的页面,不知道有哪位大虾知道怎么做么.
会看到Loading...... ,几秒后转到正常的页面,不知道有哪位大虾知道怎么做么.
...全文
请发表友善的回复…
发表回复
fashchina 2004-09-22
- 打赏
- 举报
真真假假，帮助你顶
life360 2004-09-22
- 打赏
- 举报
都不实际的。还是用层控制吧。
ljqhbt 2004-09-22
- 打赏
- 举报
两个例子:
1\
<head>
<script language=javascript><!--
document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50"><p align=left><font size=3 color=gray>'+
'页面正在处理，请稍候.......</font><br><br><font size=1 color=gray><span id="loading"></span><br></font></p></div>');
var setInterval1 = setInterval("loading.innerText += '||'", 300);
var setInterval2 = setInterval("loading.innerText = ''||", 15000);
function window.onload()
{
hiddenDiv.style.display=""; //显示页面内容
loadDiv.removeNode(true);
clearInterval(setInterval1);
clearInterval(setInterval2);
}
// --></script>
</head>
</script>
<div id=hiddenDiv style="display: none">
****这里是你的页面内容
</div>
2\纯粹是跳转
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在处理</title>
</head>
<body>
<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)
{setTimeout("count()",100);}
else
{window.location = "default.asp";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
1\
<head>
<script language=javascript><!--
document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50"><p align=left><font size=3 color=gray>'+
'页面正在处理，请稍候.......</font><br><br><font size=1 color=gray><span id="loading"></span><br></font></p></div>');
var setInterval1 = setInterval("loading.innerText += '||'", 300);
var setInterval2 = setInterval("loading.innerText = ''||", 15000);
function window.onload()
{
hiddenDiv.style.display=""; //显示页面内容
loadDiv.removeNode(true);
clearInterval(setInterval1);
clearInterval(setInterval2);
}
// --></script>
</head>
</script>
<div id=hiddenDiv style="display: none">
****这里是你的页面内容
</div>
2\纯粹是跳转
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在处理</title>
</head>
<body>
<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)
{setTimeout("count()",100);}
else
{window.location = "default.asp";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
pengliyong 2004-09-22
- 打赏
- 举报
芹菜,给个举例吧.
zltostem 2004-09-21
- 打赏
- 举报
中间页跳转 ...
celerylhl 2004-09-21
- 打赏
- 举报
可以做一页，先在居中的地方显示loading...（将页面其它部分设为不可见），然后在页面最后写上脚本，将主体部分设为可见，既实现了功能，又没有浪费时间
pengliyong 2004-09-21
- 打赏
- 举报
谢谢各位高手：）
panshiwu 2004-09-21
- 打赏
- 举报
<HTML>
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</HEAD>
<BODY>
<form name=loading>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center> <font color="#0099ff" size="2">页面载入中，请稍等</font><font color="#0066ff" size="2" face="Arial">...</font><br/>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#ff6600; background-color:#fef4d9; padding:0px; border-style:none;">
<br/>
<input type=text name=percent size=47 style="color:#cc3300; 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()",5000);}
else
{window.location ="";;}
}
</script>
</p>
</form>
</BODY>
</HTML>
这是网易的效果
<HEAD>
<TITLE></TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</HEAD>
<BODY>
<form name=loading>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center>
</p>
<p align=center> <font color="#0099ff" size="2">页面载入中，请稍等</font><font color="#0066ff" size="2" face="Arial">...</font><br/>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#ff6600; background-color:#fef4d9; padding:0px; border-style:none;">
<br/>
<input type=text name=percent size=47 style="color:#cc3300; 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()",5000);}
else
{window.location ="";;}
}
</script>
</p>
</form>
</BODY>
</HTML>
这是网易的效果
wzhnet 2004-09-21
- 打赏
- 举报
真的假的效果上不好分辨的.看上去很美,就行呗
kingapex1 2004-09-21
- 打赏
- 举报
如果要做个真的很难:(
lycey 2004-09-21
- 打赏
- 举报
其实看到的这种loading很多都是假的，就是延时几秒，跳转
panshiwu 2004-09-21
- 打赏
- 举报
页面loading
HTML>
<HEAD>
<meta http-equiv="REFRESH" content="0; URL=default.asp">
</HEAD>
<body>
<br><br>
Loading.......
</body>
</html>
HTML>
<HEAD>
<meta http-equiv="REFRESH" content="0; URL=default.asp">
</HEAD>
<body>
<br><br>
Loading.......
</body>
</html>
woderoom 2004-09-21
- 打赏
- 举报
<meta http-equiv="REFRESH" content="0; URL=default.asp">
woderoom 2004-09-21
- 打赏
- 举报
看看这个效果：
www.zishapot.com
然后看源代码
www.zishapot.com
然后看源代码
