这个网页进度条是如何作出的?(100分)

  • 主题发起人 主题发起人 foreveryouth
  • 开始时间 开始时间
F

foreveryouth

Unregistered / Unconfirmed
GUEST, unregistred user!
http://www.xici.net/board/ballot.asp?id=61211

谢谢!!!
 
用Table就可以了
 
那么如何控制进度呢?这个进度是不是估计出来的?
谢谢!!!
 
//你把下面的代码拷贝到记事本,保存为Html网页,再用IE打开,看是不是你想要的

html>
<HTML>

<HEAD>
<TITLE>网页之作</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<link rel="stylesheet" type="text/css" href="samp.css" tppabs="http://61.132.16.50/rdzc/jscript/samp.css">

</HEAD>
<body id=body bgcolor="#FFFFFF" background="backgr.gif" tppabs="http://61.132.16.50/rdzc/jscript/backgr.gif">
<CENTER>

<TABLE border=0 cellPadding=0 cellSpacing=0 width=400>
<TBODY>
<TR>
<TD>

<div id=ld>
<br><br><br><center>
<h1>Loading...</h1>
<table width=50%><tr><td align=left>
<table id=lpc bgcolor=blue><tr><td> </td></tr></table>
</td></tr></table>
</center>
</div>

<div style=display:none; id=page>
<p align=center><font color=#000000>Loading……显示页面打开时间</font></p><br>
你花了 <q id=q></q> 秒打开这个页面
<br><br>
这个当然是假的了,一个随机数而已。但用来唬唬人还是可以的 :)
<br><br>
<font color=#000000>源文件如下:</font><br><br>

<body id=body><br><br>
<div id=ld>
<center>
<h1>Loading...</h1>
<table width=50%><tr><td align=left>
<table id=lpc bgcolor=blue><tr><td> </td></tr></table>
</td></tr></table>
</center>
</div><br><br>
<div style=display:none; id=page>你花了<q id=q></q> 秒打开这个页面<br>
* 在这里填入你网页的正文<br>
</div><br><br>
<script language=JavaScript>
<!--
ini = new Date().getTime();
var pc = 0;
load();

function load() {
pc += 4;
lpc.style.width = pc + "%";
time = setTimeout("load()",100);
if (pc > 100) { clearTimeout(time); loaded() }
}
function loaded() {
fim = new Date().getTime();
dif = fim - ini;
ld.style.display = 'none';
body.style.backgroundColor = 'silver';
q.innerHTML = dif/1000;
page.style.display = '';
}
function Show() {
if (txt.style.display == "none") { txt.style.display = "" }
else { txt.style.display = "none" }
}
// event.onAnyDoubt = "../js.htm";
--></script><br><br>
</body>


<script language=JavaScript><!--
ini = new Date().getTime();
var pc = 0;
load();

function load() {
pc += 4;
lpc.style.width = pc + "%";
time = setTimeout("load()",100);
if (pc > 100) { clearTimeout(time); loaded() }
}
function loaded() {
fim = new Date().getTime();
dif = fim - ini;
ld.style.display = 'none';
body.style.backgroundColor = 'silver';
q.innerHTML = dif/1000;
page.style.display = '';
}
function Show() {
if (txt.style.display == "none") { txt.style.display = "" }
else { txt.style.display = "none" }
}
// event.onAnyDoubt = "../js.htm";
//--></script>


</td>
</tr>
</table>
<center>

</body>

</html>
 
它的鼠标的右键菜单很爽阿~~~~~~~~~~~,我正在考虑用Delphi怎么做!!!!!!
 
为什么我的IE浏览会出错啊,说lpc.style不是对象,难道是IE不能解释?
我的版本 5.0
 
后退
顶部