在网页上实现文字闪烁

来源： 作者： 出处：巧巧读书 2006-03-19 进入讨论组

• 关 键 词：
• javascript
• microsoft
• frontpage
• html

　　很多朋友在上网时，在一些网页上看到有闪烁的文字，感到很新奇。其实这并不难，只要用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》
（广东　许德炜） 收藏地址:http://www.qqread.com/xhtml/e662900002.html进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：在你的主页中为Web Robot设计路标

较新的文章：用IFRAME建立网上阅览室