<head>
<title>网页特效|Linkweb.cn/Js|---文字逐渐变换颜色</title>
</head><body>
<!--将以下代码加入HTML的<Body></Body>之间-->
<SCRIPT language=JavaScript>
<!-- Begin
text = "网页特效梦工厂"
color1 = "0000FF";
color2 = "FF0000";
fontsize = "4";
speed = 100;
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 +
">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
// End -->
</SCRIPT>
</body></html>
文字逐渐变换颜色
发布时间：2015-05-12 来源：查字典编辑
摘要：网页特效|Linkweb.cn/Js|---文字逐渐变换颜色
<html>
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
- iPhone4s运行iOS9.1/iOS9.2有何区别 iOS9.1/iOS9.2对比评测(视频)
- iOS9.1验证关闭了吗？还可以刷回ios9.1吗？[附iOS9.2降级iOS9.1教程]
- ios9.3 beta1固件下载 苹果ios9.3 beta1固件官方下载地址
- iOS9.2正式版怎么升级？苹果iOS9.2正式版升级/恢复教程
- iOS9.2正式版怎么降级至iOS9.1 iOS9.2正式版降级至iOS9.1教程
- iOS9.2正式版怎么样？苹果iOS9.2上手评测视频
- iPhone 4S运行iOS 9.2正式版怎么样?反而比iOS 9.1更卡
- 用AI的3d工具制作一个漂亮的古花瓶
- iOS9.2正式版可以越狱吗？越狱用户能否直接升级更新至iOS9.2正式版？
- Adobe illustratorCC 2015打开后用户界面显示很大怎么缩小?
热门脚本HTML教程学习