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

时间：2021-06-23 09:19:01|栏目：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需再刷新一下页面才能执行]

上一篇：全网小程序接口请求封装实例代码

栏目：JavaScript代码

下一篇：mpvue微信小程序的接口请求fly全局拦截代码实例

本文标题：颜色变换像字符逐字输入的欢迎词

本文地址：http://www.codeinn.net/misctech/146464.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程

JavaScript代码

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

阅读排行

推荐教程

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