顏色變換像字符逐字輸入的歡迎詞

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   class="iwvjtn8m0"   id="textDiv"></div> </body>

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

上一篇：CSS 偽類實現的鼠標滑動圖片鏈接

下一篇：JavaScript 文本域字體大小選擇功能