标题在网页上实现文字闪烁
栏目大众网络
作者许德炜
发布1999年第20期27版
很多朋友在上网时,在一些网页上看到有闪烁的文字,感到很新奇。其实这并不难,只要用JavaScript编段程序就可以了,不会JavaScript语言的朋友也不用急,只要将下面的源代码放进你的网页里,在你的网页上也能实现文字闪烁。
源文件如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>闪烁的文字</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body bgcolor="#000000" text="#000000">
<p> </p>
<h1 align="center">闪烁的文字</h1>
</body>
<script language="JavaScript">
//color为文字颜色的RGB值,令其由"0F"增至"FF"
var color=new Array("0F","1F","2F","3F","4F","5F","6F","7F","8F","9F","AF","BF","CF","DF","EF","FF");
//i是数组color的坐标,add决定color的增减
var i=0,add=1;
FadeText();
function FadeText()
{
//document.fgColor确定文字颜色的RGB值
document.fgColor="#"+color[i]+color[i]+color[i];
//判断文字颜色是渐亮或是渐暗
if( add==1 )
{
i++;
if( i==15 ) add=0;
}
else
{
i--;
if( i==0 ) add=1;
}
//设置每0.1秒运行一次函数FadeText()
setTimeout("FadeText()",100);
}
</script>
</html>