<script language="javascript">
<!-- Begin
text = "霓虹灯的效果"; 
color1 = "000000";  
color2 = "00ff00"; 
fontsize = "3";  
speed = 100;   
i = 0;
if (navigator.appName == "Netscape") { 
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {     
document.write("<div id=a></div>"); 
}function changeCharColor() {  
if (navigator.appName == "Netscape") { 
document.a.document.write("<font face=arial size =" + fontsize + "><font color=" + color1 + ">"); 
for (var j = 0; j < text.length; j++) { 
if(j == i) {    
document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>"); 
}
else {
document.a.document.write(text.charAt(j)); 
}
}
document.a.document.write('</font></font>'); 
document.a.document.close();   
}
if (navigator.appName == "Microsoft Internet Explorer") { 
str = "<font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) { 
if( j == i) {    
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);   
}
}
str += "</font></font>";  
a.innerHTML = str;   
}
(i == text.length) ? i=0 : i++;  
}
setInterval("changeCharColor()", speed);
-->
</script>

解决方案 »

  1.   

    http://www.google.com/search?hl=zh-CN&ie=UTF-8&oe=UTF-8&q=%E9%9C%93%E8%99%B9%E7%81%AF+javascript&lr=
      

  2.   

    <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <script language="JavaScript">
    <!--
    window.onload = initPage;
    function initPage()
    {
    var strStringToPaint; //要渲染的字符串
    var intNextCharIndex; //下一个要渲染的字符
    var strPaintColor; //渲染用色 strStringToPaint = "大家一起来跳舞";
    intNextCharIndex = 0;
    strPaintColor = "RED";

    paintString(strStringToPaint, intNextCharIndex, strPaintColor);
    }function paintString(stringToPaint, nextCharIndex, paintColor)
    {
    var astrStringToPaint; //要渲染的字符串构成的数组
    var intCharCount; //要渲染的字符串的字符个数
    var intCounter; //计数器
    var strCurrentPaintColor; //当前渲染用色
    var strMethodString; //将要执行的方法的字符串形式

    intCharCount = stringToPaint.length;
    astrStringToPaint = new Array(intCharCount); for (intCounter = 0; intCounter < intCharCount; intCounter ++)
    {
    strCurrentPaintColor = (intCounter <= nextCharIndex) ? (paintColor) : (getNextColor(paintColor));
    astrStringToPaint[intCounter] = "<span style='color: " + strCurrentPaintColor + ";'>" + stringToPaint.charAt(intCounter) + "</span>";
    }
    divShowBar.innerHTML = astrStringToPaint.join(""); if (nextCharIndex != intCharCount - 1)
    {
    strMethodString = "paintString('";
    strMethodString += stringToPaint + "', ";
    strMethodString += (nextCharIndex + 1) + ", '";
    strMethodString += paintColor + "')"
    }
    else
    {
    strMethodString = "paintString('";
    strMethodString += stringToPaint + "', ";
    strMethodString += 0 + ", '";
    strMethodString += getNextColor(paintColor) + "')"
    }
    //alert(strMethodString); window.setTimeout(strMethodString, 300);
    }function getNextColor(paintColor)
    {
    return ((paintColor.toUpperCase() == "RED") ? ("BLUE") : ("RED"));
    }
    //-->
    </script>
    </head><body>
    <div id="divShowBar" align="center" style="border: 1px solid red;"></div>
    </body>
    </html>
      

  3.   

    <div id=d></div>
    <script>
    var i=0;
    var c1="red";c2="blue";
    txt="这是你要的效果吗?"
    //alert(txt.length);
    function change(){
        s="<font color="+c1+">"+txt.substring(0,i)+"</font><font color="+c2+">"+txt.substring(i)+"</font>"
        d.innerHTML=s;
        if(i==txt.length){ i=0; c=c1; c1=c2; c2=c; }
        else i++;
    }
    function b(){ setInterval("change()",200);}
    </script>
    <button onclick="b()">try</button>