页面加载进度条,js与css(滤镜)结合实现,挺漂亮的，效果如下:
代码:
Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=javascript>
function setSB(v, el) {
var ie5 = (document.all && document.getElementsByTagName);
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
}
}
function fakeProgress(v, el) {
if (v > 100)
location.href = "http://blog.csdn.net/lqscoke";
else {
setSB(v, el);
window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
}
}
</SCRIPT>
<BODY bgColor=#ffffff topMargin=60 onload="fakeProgress(0, sb)">
<SPAN id=sb style="WIDTH: 300px">
<DIV
style="BACKGROUND: #ff0000; FILTER: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0,
StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 12px"></DIV>
<DIV
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: arial; TEXT-ALIGN:
center"></DIV></SPAN>
</BODY></HTML>
浙公网安备 33010602011771号