颜色变换像字符逐字输入的欢迎词

2019-11-21 01:03:05

字体：大中小

来源：转载

供稿：网友

<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需刷新才能执行]

上一篇：CSS 伪类实现的鼠标滑动图片链接

下一篇：JavaScript 文本域字体大小选择功能