闪烁文字特效html代码

2013-08-25 10:00:58 -0400

代码如下：

<BODY onLoad="loadText()">
<Script language="JavaScript">
var someText = "Welcome to wodemo!";	// 闪烁文本
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>
<div id="textDiv"></div>

效果如下：

«Newer Older»

Back to home

Subscribe | Register | Login | N