达叔吧:文字彩幻打字机效果
文字彩幻打字机效果代码如下:
var someText = "网页。博客。代码大合集。http://www.u8.blog.163.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= ""+aSentence+"";
setTimeout("loadText()",100);
}
// For Netscape Navigator 4
else if (document.layers)
{
document.textDiv.document.write(""+aSentence+"");
document.textDiv.document.close();
setTimeout("loadText()",100);
}
// For other
else if (document.getElementById)
{
document.getElementById("textDiv").innerHTML = ""+aSentence+"";
setTimeout("loadText()",100);
}
}