为什么是从进度条说起呢?(猛男乙:笨蛋,他只会这个……) 哎呀,下手又重了,汗……
嗯,旁边的高手请先回避一下。好,让我们开始吧。首先,要弄明白我们想做什么。这个呢,已经很明白了,就是进度条嘛!现在就开始讲解一下史上最丑的进度条是怎么产生的。当然,为了保持CSDN的形象,我们就不去研究这个进度条是不是史上最丑了。
文字进度条:比如XP的等号“=”变成大于号“>”。怎么做我就不解释了,省得挨砖头。 感觉一下
==========================================================================================================
利用背景颜色做进度条:就是一个没边框的层放在一个有边框的层中,设置有边框的层的内容的对齐方式,然后再改变无边框的层的长度,一般来说,有边框的层的背景色和页面背景色一致,然后没有边框的层的颜色就是进度条想要的颜色。 感觉一下
不好意思,未完待续,(玩游戏去啦……)
<script> var timer, timer1; function TextPlan() { if (document.getElementById) var text_plan = document.getElementById("text_plan"); var text = text_plan.innerHTML; var length = text.length; var openedLength = text.indexOf("="); if (openedLength == -1) { clearInterval(timer); alert('Complete'); text_plan.innerHTML = text.replace(/>|>/g, '='); return; } text_plan.innerHTML = text.substring(0, openedLength) + ">" + text.substring(openedLength + 1); } function DivPlan() { if (document.getElementById) var div_plan = document.getElementById("div_plan"); if (parseInt(div_plan.style.width) == 300) { clearInterval(timer1); alert('Complete'); div_plan.style.width = "0px"; return; } div_plan.style.width = parseInt(div_plan.style.width) + 1; } </script>