当前位置：Gxlcms > JavaScript > 颜色变换像字符逐字输入的欢迎词_文字特效

颜色变换像字符逐字输入的欢迎词_文字特效

时间：2021-07-01 10:21:17 帮助过：10人阅读

<title>颜色变幻像字符输入一样的欢迎词</title> 
<body onLoad="loadText()"> 
<Script language="JavaScript"> 
var someText = "Welcome to Jb51.net"; 
var aChar; 
var aSentence; 
var i=0; 
var colors = new Array("FF0000","FFFF66","FF3399","00FFFF","FF9900","00FF00"); 
var aColor;

function loadText() 
{ 
    aColor = colors[Math.floor(Math.random()*colors.length)]; 
    aChar = someText.charAt(i); 
    if (i == 0) 
        aSentence = aChar; 
    else 
        aSentence += aChar;     
    if (i < 50)    i++; 
    if (document.all) 
    { 
        textDiv.innerHTML= "<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i>"; 
        setTimeout("loadText()",100); 
    } 
    else if (document.layers) 
    { 
        document.textDiv.document.write("<font color='#"+aColor+"' face='Tahoma'                                 size='5'><i>"+aSentence+"</i>"); 
        document.textDiv.document.close(); 
        setTimeout("loadText()",100); 
    } 
    else if (document.getElementById) 
    { 
        document.getElementById("textDiv").innerHTML = "<font color='#"+aColor+"'             face='Tahoma'size='5'><i>"+aSentence+"</i>"; 
        setTimeout("loadText()",100); 
    } 
} 
</SCRIPT> 
<div id="textDiv"></div> 
</body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

人气教程排行