Javascript制作游戏之一：进度条的制作

    为什么是从进度条说起呢？（猛男乙：笨蛋，他只会这个……） 哎呀，下手又重了，汗……

    嗯，旁边的高手请先回避一下。好，让我们开始吧。首先，要弄明白我们想做什么。这个呢，已经很明白了，就是进度条嘛！现在就开始讲解一下史上最丑的进度条是怎么产生的。当然，为了保持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>