变色文字-JS特效-爱易网页

变色文字

日期：2014-05-18　浏览次数：20400 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

var someText = "Welcome to 爱易网WEB开发www.aiyiweb.com!!";	// the text
var aChar;
var aSentence;
var i=0;					// a counter

var colors = new Array("FF0000","FFFF66","FF3399","00FFFF","FF9900","00FF00"); // the colors
var aColor;					// the chosen color

function loadText()
{
	// randomly choose color
	aColor = colors[Math.floor(Math.random()*colors.length)];

aChar = someText.charAt(i);
	if (i == 0)
		aSentence = aChar;
	else
		aSentence += aChar;

// 50 iterations max.
	if (i < 50)	i++;
	
	// For IE
	if (document.all)
	{
		textDiv.innerHTML= "<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i></font>";
		setTimeout("loadText()",100);
	}
		
	// For Netscape Navigator 4
	else if (document.layers) 
	{
		document.textDiv.document.write("<font color='#"+aColor+"' face='Tahoma' 								size='5'><i>"+aSentence+"</i></font>");
		document.textDiv.document.close();
		setTimeout("loadText()",100);
	}
		
	// For other
	else if (document.getElementById)
	{
		document.getElementById("textDiv").innerHTML = "<font color='#"+aColor+"' 			face='Tahoma'size='5'><i>"+aSentence+"</i></font>";
		setTimeout("loadText()",100);
	}
}
</SCRIPT>
</HEAD>
<body bgcolor="#000000" text="#ffffff" onLoad="loadText()">

</body>
</HTML>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]