本实例演示如何在网页上输出不停改变颜色的文本。
在</BODY>标记前添加如下所示的脚本语句：
document.write('<DIV id="TempDiv"><center>'+ctext+'</center></DIV>');
function chcolor()
{
document.all.TempDiv.style.color = color[x];
if(x<color.length-1)
{
x++;
}
else
{
x=0;
}
}
setInterval("chcolor()",200);
程序首先通过document.write('<DIV id="TempDiv"><center>'+ctext+'</center></DIV>')在网页中创建了一个id为TempDiv的层，然后通过setInterval("chcolor()",200)语句每隔200毫秒就自动调用一次chcolor函数，在chcolor函数中通过document.all.TempDiv.style.color = color[x]语句将TempDiv层的颜色设置为color数组中的值。
<HTML>
<HEAD>
<META name="GENERATOR" content=“Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<SCRIPT language=javascript>
var ctext = "人何在？一帘淡月，仿佛照颜色。";
var x = 0;
var color=new Array("#f00000", "#ff0000",
"#fff000", "#ffff00",
"#fffff0", "#ffffff",
"#0fffff", "#00ffff",
"#000fff", "#0000ff",
"#00000f", "#000000");
document.write('<DIV id="TempDiv"><center>'+ctext+'</center></DIV>');
function chcolor()
{
document.all.TempDiv.style.color = color[x];
if(x<color.length-1)
{
x++;
}
else
{
x=0;
}
}
setInterval("chcolor()",200);
</SCRIPT>
</BODY>
</HTML>
保存文件，在浏览器中浏览网页文件，就会发现网页上的文本“人何在？一帘淡月，仿佛照颜色。”会不停地变换颜色。结果如图1-6所示。
图1-6 不停变色的文本
E- mail:
本站ICP备案号：
