Web ページ上のテキストの点滅
著者:Eve Cole
更新時間:2009-06-20 17:01:03
多くの友人は、インターネットをサーフィンしているときに、一部の Web ページで点滅するテキストを見て驚きます。実際、これは難しいことではありません。JavaScript を使用してプログラムをセグメント化するだけです。JavaScript 言語を知らない友人でも、次のソース コードを Web ページに挿入するだけで、Web ページ上にテキストが表示されます。
ソースファイルは次のとおりです。
「html」
"頭"
《meta http-equiv=″Content-Type″ content=″text/html;
"タイトル" 点滅するテキスト "/タイトル"
《meta name=″GENERATOR″ content=″Microsoft FrontPage 3.0″》
"/頭"
《body bgcolor=″#000000″ text=″#000000″》
"p" "/p"
「h1 align="center"」点滅テキスト「/h1」
"/体"
「スクリプト言語 = 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 は配列の色の座標、加算により色の増加または減少が決まります
var i=0,add=1;
FadeText();
functionFadeText()
{
//document.fgColor はテキストの色の RGB 値を決定します document.fgColor=″#″+color[i]+color[i]+color[i];
//テキストの色が明るくなっているのか暗くなっているのかを判断します if(add==1)
{
i++;
if( i==15 ) add=0;
}
それ以外
{私 - ;
if( i==0 ) add=1;
}
//関数 FadeText() を 0.1 秒ごとに実行するように設定します
setTimeout(″FadeText()″,100);
}
"/スクリプト"
《/html》
(広東省徐徳偉)