闪烁的文字特效

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 闪烁的文字特效 (http://www.webasp.net/javascript/1/595.htm)
-- 发布日期： 2005-06-21
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把<BODY>中的属性代码改为： -->

<BODY onLoad="loadText()">



<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<Script language="JavaScript">

var someText = "Welcome to webasp.net"; // 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>
<div id="textDiv"></div>

webasp.net