画像を点滅させる

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows - ×
Macintosh - - ×
UNIX - - - - - ×

解  説  画像を点滅させるには現在の表示状態を読み込んで状態を反転させる方法とフラグ変数を用意しておきフラグの値に従って状態を設定する方法がありサンプルでは後者を使っています。設定する状態(文字列)をあらかじめ配列に入れておきvType[flag ^= 1]としてフラグ変数の値を排他的論理和を使って反転させ参照番号とします。あとはタイマーを使って定期的に表示状態を反転させます。
コード <html> <head> <title>画像を点滅させる</title> <script language="JavaScript"> <!-- vType = ["visible","hidden"]; flag = 0; // 点滅フラグ imgName = "myIMG"; // 点滅させる画像名 function iFlash() { document.images[imgName].style.visibility = vType[flag ^= 1]; setTimeout('iFlash()',1000); } // --></script> </head> <body onLoad="setTimeout('iFlash()',1000)"> <img src="image.jpg" width="180" height="120" name="myIMG"><br> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!