首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 颜色变换 逐字输入 颜色变换 像字符逐字输入的欢迎词 2009-10-24 11:38:44 作者： 一个炫彩的网页欢迎词，其实就是Javascript文字特效，只不过它是打字与炫彩的结合，在网页的一角放上这效果，给平静的网页增添点动态元素。 <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需刷新才能执行]
