精美的Loading进度条
来源:互联网 发布:游戏手柄测试软件 编辑:程序博客网 时间:2024/04/30 02:32
<html>
<head>
<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;
}
}
window.onload = new Function("setSB(100,sb,infor,/'页面加载完毕/')")
function fakeProgress(v, el) {
if (v >= 100)
setSB(100, el, infor, "Loading Complete");
else {
setSB(v, el, infor, "Loading ...");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all[/'" + el.id + "/'])", 100);
}
}
//-->
</SCRIPT>
<!-- #EndEditable -->
</head>
<body bgcolor="#FFFFFF" leftmargin="20" topmargin="20" onload="fakeProgress(0, sb)">
<!-- Status Bar Starts -->
<div id=sb
style="BORDER-RIGHT: white 2px inset; BORDER-TOP: white 2px inset; BACKGROUND: white; BORDER-LEFT: white 2px inset; WIDTH: 200px; BORDER-BOTTOM: white 2px inset; HEIGHT: 20px; TEXT-ALIGN: left">
<div id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 16px">
<div
style="FONT-SIZE: 1px; BACKGROUND: highlight; WIDTH: 100%; HEIGHT: 100%"></div>
</div>
<div
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: black; FONT-FAMILY: arial; POSITION: absolute; TEXT-ALIGN: center">0%</div>
</div>
<!-- Status Bar Ends -->
<div id=infor
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: black; FONT-FAMILY: arial; POSITION: relative; TEXT-ALIGN: center"></div>
<br>
<button onClick="fakeProgress(0, sb)">重新加载</button>
<!-- #EndEditable --></div>
</body>
</html>
- 精美的Loading进度条
- 带进度条的Loading制作
- JavaScript实现的loading 进度条
- 进度条loading
- loading 进度条
- Android自定义一款带进度条的精美按键
- 经典的网页loading进度条代码
- 如何自定义FLEX3的loading进度条
- 如何自定义FLEX3的loading进度条
- 常见的Loading进度条动效形式
- 常见的Loading进度条动效形式
- Unity进度条平缓Loading
- Loading 进度条 Ulti.MoveTo
- 自定义加载进度条loading的几种方式
- Unity3d中制作异步Loading进度条所遇到的问题
- 100个优秀的loading进度条PSD素材下载
- 100个优秀的loading进度条PSD素材下载
- Unity3d中制作Loading场景进度条所遇到的问题
- 用VbScript控制光驱
- sample_fork.c
- Windows XP风格的鼠标右键菜单
- 圣诞快到了,天气好冷啊~~
- 利用JavaScript代码实现的圆角表格
- 精美的Loading进度条
- 控制浏览器运动的几个按钮
- [心情故事]由肖同学的尴尬想到的......
- signal.h /usr/include/asm/signal.h
- JAVA面试题集(选择自 zaowei21 的 Blog )
- CHAP 1 营销是创造需要还是满足需要
- 强制转化
- [心情故事]在javaeye上和人一起追忆当年的SLG 一段美好时光亚.....
- 我的汇编语言语言作业