文字逐个变色
2014-09-09来源:易贤网

脚本说明:

把如下代码加入<body>区域中:

<script language="JavaScript">

<!-- Begin

text = "欢迎光临网站制作学习网"; //显示的文字

color1 = "blue"; //文字的颜色

color2 = "red"; //转换的颜色

fontsize = "6"; //字体大小

speed = 100; //转换速度 (1000 = 1 秒)

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>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息