28,409
社区成员
发帖
与我相关
我的任务
分享有没有这种进度条?进来看看.
就是像Flash那种功能的进度条,把所有的帧下完后再播放
我这里想要的是当把所有的图片和文字全下完,然后再一下子显示出来.
我的意思不知道大家明白不?
我这里想要的是当把所有的图片和文字全下完,然后再一下子显示出来.
我的意思不知道大家明白不?
...全文
请发表友善的回复…
发表回复
boy7420 2004-11-24
- 打赏
- 举报
哦.~~~~~谢谢上面的老兄.
tpf9000 2004-11-24
- 打赏
- 举报
<html><title>loadpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed1 { background-color: #000000}
-->
</style>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p align="center"> </p>
<p align="center"><font color="#00FF00" size="2"></font></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder;
color:#00FF00; background-color:black; padding:0px; border-style:none;">
<br>
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:#00FF00;
text-align:center; border-width:medium; border-style:none;" class="unnamed1">
<br>
<br>
<font color="#00FF00" size="2" >
<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
{
alert("载入完毕")
window.location = "http://www.csdn.net";
}
}
</script>
<noscript></noscript></font></p>
</td>
<!--//-->
</form>
</tr>
</table>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.unnamed1 { background-color: #000000}
-->
</style>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p align="center"> </p>
<p align="center"><font color="#00FF00" size="2"></font></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder;
color:#00FF00; background-color:black; padding:0px; border-style:none;">
<br>
<br>
<input type=text name=percent size=46 style="font-family:Arial; color:#00FF00;
text-align:center; border-width:medium; border-style:none;" class="unnamed1">
<br>
<br>
<font color="#00FF00" size="2" >
<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
{
alert("载入完毕")
window.location = "http://www.csdn.net";
}
}
</script>
<noscript></noscript></font></p>
</td>
<!--//-->
</form>
</tr>
</table>
</body>
</html>
tpf9000 2004-11-24
- 打赏
- 举报
<HTML><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
P {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
DIV {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
TD {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
A:link {
COLOR: #494949; TEXT-DECORATION: none
}
A:visited {
COLOR: #494949; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0066
}
</STYLE>
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v >= 101)
window.open("http://wwww.126x.com");
else {
setSB(v, el, infor, "网页下载中......");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 10);
}
}
//-->
</SCRIPT>
<SCRIPT language=javaScript>
<!--
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
// -->
</SCRIPT>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#f9f9f9 topMargin=100 onload=fakeProgress(0,sb)>
<P> </P>
<P> </P>
<P> </P><!-- Status Bar Starts -->
<DIV align=center>
<DIV id=sb
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" hidden overflow:
;height:12px;></DIV></DIV>
<DIV
style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV><!-- Status Bar Ends -->
<P></P>
<DIV id=infor
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV>
</body>
</html>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
P {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
DIV {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
TD {
FONT-SIZE: 11px; COLOR: #494949; FONT-FAMILY: "Verdana"
}
A:link {
COLOR: #494949; TEXT-DECORATION: none
}
A:visited {
COLOR: #494949; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0066
}
</STYLE>
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v >= 101)
window.open("http://wwww.126x.com");
else {
setSB(v, el, infor, "网页下载中......");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 10);
}
}
//-->
</SCRIPT>
<SCRIPT language=javaScript>
<!--
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
// -->
</SCRIPT>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#f9f9f9 topMargin=100 onload=fakeProgress(0,sb)>
<P> </P>
<P> </P>
<P> </P><!-- Status Bar Starts -->
<DIV align=center>
<DIV id=sb
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" hidden overflow:
;height:12px;></DIV></DIV>
<DIV
style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV><!-- Status Bar Ends -->
<P></P>
<DIV id=infor
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV>
</body>
</html>
