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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 颜色变换像字符逐字输入的欢迎词

Javascript: js类 from qq; 鼠标放上去则向上向下滚动的代码; 在视频前插入广告; 论坛特效代码收集（落伍转发-不错）; 多图幻灯Pixelate马赛克效果; 多图幻灯Wipe擦洗效果; 多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。; 脚本吧 - 幻宇工作室用到js,超强推荐share.js; 脚本吧 - 幻宇工作室用到js,超强推荐expand.js; JavaScript For Beginners(转载); sina的lightbox效果。; 如何在Mozilla Gecko 用Javascript加载XSL; 用JavaScript绘图：JS2D函数集; Opacity.js; How to Auto Include a Javascript File; 适合做公告板的代码收集; 最新优化收藏到网摘代码（digg，diigo）; 索趣科技的答案; 如何用JS获取带“\”字符串的中间值？; baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

No. « ‹ 192 193 194 195 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 239 ::

收藏到网摘: n/a

JavaScript 文本域字体大小选择功能 CSS 伪类实现的鼠标滑动图片链接

一个炫彩的网页欢迎词，其实就是Javascript文字特效，只不过它是打字与炫彩的结合，在网页的一角放上这效果，给平静的网页增添点动态元素。

<title>颜色变幻像字符输入一样的欢迎词</title>
<body onLoad="loadText()">
<Script language="JavaScript">
var someText = "Welcome to ruanchen.com";
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 全选提示:你可先修改部分代码,再按运行]

JavaScript 文本域字体大小选择功能 CSS 伪类实现的鼠标滑动图片链接

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

评论 (0) All

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