js实现文字颜色定时闪烁显示特效

主页 M

js实现文字颜色定时闪烁显示特效

2016-11-11 网页编程网 网页编程网

<script>
var someText = "你是一个人吗？你也是一个人。";	// 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>
<body onLoad="loadText()">
<div id="textDiv"></div>
</body>

阅读原文

阅读 4856

123 显示电脑版