网站制作学习网JS脚本→正文:文字逐个变色
字体:

文字逐个变色

JS脚本 2008/2/1 7:57:49  点击:不统计

脚本说明:

把如下代码加入<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>

·上一篇:文字忽大忽小 >>    ·下一篇:js禁止下载图片 >>
推荐文章
最新文章