28,390
社区成员
发帖
与我相关
我的任务
分享请问进度的图象是怎么做出来的？
在刚开始打开某些网页的时候，出现loading.....和如同安装进度的水平柱的图象是怎么做出来的吗，，我想到用10几个图片压成gif也许能够实现，请问大家实际是怎么做出来的。
...全文
请发表友善的回复…
发表回复
超级大笨狼 2003-09-13
- 打赏
- 举报
http://www.ymdg.com/link.htm
我做的游戏，厘米那用到进度条。相关代码：
<table width="600" height="20" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000066">
<tr>
<td width=0 bgcolor="#000066" bordercolor="#0099CC" id=myproc1 ></td>
<td width=600 bordercolor="#0099CC" id=myproc2></td>
</tr>
</table>
'1分钟进度
<SCRIPT LANGUAGE=vbscript>
<!--
eee
dim mytime
mytime=0
sub eee()
window.setTimeout "eee","100"
if mytime<6*10 then
mytime=mytime+1
myproc1.width =mytime
myproc2.width =600-mytime
end if
end sub
-->
</SCRIPT>
我做的游戏，厘米那用到进度条。相关代码：
<table width="600" height="20" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000066">
<tr>
<td width=0 bgcolor="#000066" bordercolor="#0099CC" id=myproc1 ></td>
<td width=600 bordercolor="#0099CC" id=myproc2></td>
</tr>
</table>
'1分钟进度
<SCRIPT LANGUAGE=vbscript>
<!--
eee
dim mytime
mytime=0
sub eee()
window.setTimeout "eee","100"
if mytime<6*10 then
mytime=mytime+1
myproc1.width =mytime
myproc2.width =600-mytime
end if
end sub
-->
</SCRIPT>
lzy800510 2003-09-13
- 打赏
- 举报
关注中。。。。。
ningjiyong 2003-09-13
- 打赏
- 举报
多谢chinesun(郑返),偶是个菜鸟,先把你的代码搬到网站在慢慢研究代码,, 是否能用语言描述一下怎么实现的,,,与实际的展开网页的进度是同步的吗
xfyz 2003-09-12
- 打赏
- 举报
用flash做呀，很应该实现的！
月小升java-er点com 2003-09-12
- 打赏
- 举报
不是 是用javascript做出来 的
http://fason.nease.net/
这里有
http://fason.nease.net/
这里有
chinesun 2003-09-12
- 打赏
- 举报
这个页面你存成一个htm页面，然后把
{window.location = "login.asp";}
里的login.asp换成其他你要的页面。
{window.location = "login.asp";}
里的login.asp换成其他你要的页面。
chinesun 2003-09-12
- 打赏
- 举报
<html>
<head>
<title>网页加载中……</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.text { font-family: "宋体"; font-size: 14px; line-height: 130%; text-decoration: none}
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#666666" class="text">页面加载中</font><font face="Arial, Helvetica, sans-serif" color="#666666" class="text">……</font></p>
<table>
<tr>
<td width="740">
<p align="center">
<p align="center">
<form name="loading">
<div align="center">
<p>
<input name="chart" size="46" style="PADDING-RIGHT:0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: blue; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-STYLE: none; font-color: red">
<br>
<input name="percent" size="46" style="BORDER-RIGHT:medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: rgb(138,134,134); BORDER-BOTTOM: medium none; TEXT-ALIGN: center">
<script language="">
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 = "login.asp";}
}
</script>
</p>
</div>
</form>
<div align="center">
<p> </p>
</div></tr></table>
</body>
<head>
<title>网页加载中……</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.text { font-family: "宋体"; font-size: 14px; line-height: 130%; text-decoration: none}
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000">
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><font color="#666666" class="text">页面加载中</font><font face="Arial, Helvetica, sans-serif" color="#666666" class="text">……</font></p>
<table>
<tr>
<td width="740">
<p align="center">
<p align="center">
<form name="loading">
<div align="center">
<p>
<input name="chart" size="46" style="PADDING-RIGHT:0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: blue; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-STYLE: none; font-color: red">
<br>
<input name="percent" size="46" style="BORDER-RIGHT:medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: rgb(138,134,134); BORDER-BOTTOM: medium none; TEXT-ALIGN: center">
<script language="">
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 = "login.asp";}
}
</script>
</p>
</div>
</form>
<div align="center">
<p> </p>
</div></tr></table>
</body>
