颜色变换 像字符逐字输入的欢迎词
作者:bea
<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","00
<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 三种不同位置代码的写法
- JavaScript 事件的一些重要说明
- CSS 动态链接提示
- javascript 走马灯效果的链接提示
- Js 打字效果 逐一出现的文字
- javascript写的一个链表实现代码
- JavaScript的变量作用域深入理解
- 理解JavaScript变量作用域更轻松
- 理解 JavaScript 预解析
- 用JavaScript实现 铁甲无敌奖门人 “开口中”猜数游戏
- WEB页子窗口(showModalDialog和showModelessDialog)使用说明
- JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
- javascript window对象属性整理
- [原创]javascript 指定区域内图片等比例缩放实现代码
- Javascript 模式实例 观察者模式
- Jquery 弹出层插件实现代码
- CSS 渐变背景的6个演示代码
- 百度用到的Js日历 大家可以看看
- CSS 伪类实现的鼠标滑动图片链接