层、CSS 样式表滤镜（filer）与 JavaScript 脚本的结合做出的颜色 Loading 进度条
引用请注明出处: https://seonoco.com/blog/1113
发布于 分类 Jquery
25天前 有1个用户阅读过
本文来自我的百度空间博客详情
2007年开始使用的是 hi.baidu.com/udjy
后来百度空间强制升级为轻博客 hi.baidu.com/imnoco
2015年百度关闭了百度空间
层、CSS 样式表滤镜（filer）与 JavaScript 脚本的结合做出的颜色 Loading 进度条
<html>
<head>
<title>loading00</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<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)
//输入 Loading 过后跳转的网址
location.target="_blank" rel="nofollow" href="/r/http://hi.baidu.com/udjy";
else {
setSB(v, el, infor,"LOADING ...");
window.setTimeout("fakeProgress(" + (v + 1) +", document.all['" + el.id +"'])", 20);
} }
//-->
</SCRIPT>
</head>
<BODY onload="fakeProgress(0,sb)" topmargin=100 bgcolor="#FFFFFF">
<!-- Status Bar Starts -->
<div align=center>
<DIV id=sb
style="BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: white; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left">
<DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 16px">
<DIV
style="FONT-SIZE: 1px;BACKGROUND:#a0ef99; WIDTH: 100%; HEIGHT: 100%"></DIV></DIV>
<DIV
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: red; FONT-FAMILY: arial; POSITION: absolute; TEXT-ALIGN: center"></DIV></DIV>
<!-- Status Bar Ends -->
<DIV id=infor
style="" WIDTH: 100%; COLOR: blue; FONT-FAMILY: arial; POSITION: relative; TEXT-ALIGN: center">
</DIV>
</div>
</BODY>
</html>-- The End --