注册 登录
编程论坛 ASP技术论坛

网页之间跳转有个loading……

shaoli4261 发布于 2007-10-05 00:08, 1578 次点击

就在论坛里,点发表文章,然后出现一个“正在加载编译器” 那是怎么做的啊~~
谁有代码。发给我研究一下!谢谢了………………

16 回复
#2
thbwn2007-10-05 11:40
我也想知道!
#3
multiple19022007-10-05 12:37
好歹Javascript是客户端运行的……代码都在页面里,自己不会看?
#4
yms1232007-10-05 15:21

那个是使用javascript来完成的延时跳转
比如
<script language='javascript'>
document.write("正在跳转到新浪");
DelayGotoUrl("http://www.sina.com.cn");
function DelayGotoUrl(url)
{
window.setTimeout("DelayGotoUrl("+url+")",100);
self.location=url;
}
</script>

#5
thbwn2007-10-05 15:34

学习!

#6
multiple19022007-10-05 18:49
以下是引用yms123在2007-10-5 15:21:10的发言:

那个是使用javascript来完成的延时跳转
比如
<script language='javascript'>
document.write("正在跳转到新浪");
DelayGotoUrl("http://www.sina.com.cn");
function DelayGotoUrl(url)
{
window.setTimeout("DelayGotoUrl("+url+")",100);
self.location=url;
}
</script>

但论坛上这个貌似不是延时。
是“编译器没有载入完成”时显示那个提示

#7
shaoli42612007-10-05 19:12
好象有的是跟望站的速度有关,当加载完成后就打开页面的!不是延时跳转的~~
#8
multiple19022007-10-05 19:48
貌似很简单
本来显示一个叫做loading的div
然后等到其他代码加载完之后执行下面的代码即可。

[CODE]<SCRIPT LANGUAGE="JavaScript">
document.getElementById("loading").style.display="none";
</SCRIPT>[/CODE]
#9
shaoli42612007-10-05 19:54
以下是引用multiple1902在2007-10-5 19:48:43的发言:
貌似很简单
本来显示一个叫做loading的div
然后等到其他代码加载完之后执行下面的代码即可。

[CODE]<SCRIPT LANGUAGE="JavaScript">
document.getElementById("loading").style.display="none";
</SCRIPT>[/CODE]

那怎怎样让这个层在没有加载完网页之前先显示出来呢?

加载完之后我知道可以用onload让他不显示~

#10
multiple19022007-10-05 19:57
以下是引用shaoli4261在2007-10-5 19:54:45的发言:

那怎怎样让这个层在没有加载完网页之前先显示出来呢?

加载完之后我知道可以用onload让他不显示~

放在代码前面?

#11
shaoli42612007-10-05 20:06

哦!!!谢谢啦……

#12
multiple19022007-10-05 21:16
测试时网速不要太快,否则估计没效果……
#13
shaoli42612007-10-05 21:19
呵呵…… 我已经测试出来了。
但是出现一个新的问题了。

我想在onload里加两个函数,该怎么写啊?

<body bgcolor="#FFFFFF" onLoad="InitialiseScrollableArea();dis();">

我是这样写的!可是只有后面的被执行了!前面的没有执行~~

赐教……
#14
wcwtitxu2007-10-06 05:01

<html>
<head>
<title>测试</title>
</head>
<body>

<div id="loading">加载中...</div>

<div id="main" style="display:none;">
好多内容....
</div>

<script type="text/javascript" language="javascript">
<!--
window.onload = function(e) {
document.getElementById("loading").style.display = "none";
document.getElementById("main").style.display = "";
}
//-->
</script>

</body>
</html>

#15
wcwtitxu2007-10-06 05:03
[CODE]

<script type="text/javascript">
window.onload = function(e) {
InitialiseScrollableArea();
dis();
}
</script>

[/CODE]
#16
yms1232007-10-06 16:25
InitialiseScrollableArea();
这个函数的源代码?
#17
天涯听雨2007-10-06 20:17
给你个参考:http://www.jk007.com/JkHelp/

下面的对症下药,是不是如下面的功能
1