文字逐个显示

来源：互联网发布：域名被重新定向编辑：程序博客网时间：2024/05/29 04:47

<!--
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>

</body>
</html>