<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>
<!-- 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>
<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>
<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>