在網頁上實現文字閃爍
作者:Eve Cole
更新時間:2009-06-20 17:01:03
很多朋友上網時,在一些網頁上看到有閃爍的文字,感到很新奇。其實這並不難,只要用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》
(廣東許德煒)