在網頁上實現文字閃爍

2024-04-27 13:54:19

字體：大中小

來源：轉載

供稿：網友

　　很多朋友在上網時，在一些網頁上看到有閃爍的文字，感到很新奇。其實這并不難，只要用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》
（廣東　許德煒）

上一篇：會移動的文字(Marquee)

下一篇：讓你的網頁活躍起來