本日  昨日
 
03/16(Sun) 01:14

o マウスがアンカーやイメージに当たるとランダムに背景が変わる

マウスがアンカーやイメージに当たった時にランダムに背景色を変えるには以下のようにします。

  1. 背景設定用関数setBG()をヘッダー部に定義します。
  2. マウスが当たるとランダムに背景を変化させるアンカー or イメージと、関数setBG()を実行するコマンドを記述します。
o 背景色変更のサンプルです。右のバナーにマウスを当ててみて下さい。
また、バナーをクリックするとJavaScriptのメニューページに戻ります。


関数setBG()をヘッダー部に定義します。

<SCRIPT language="JavaScript"> <!-- //ランダムに変わる背景 bgc = new Array(); bgc[0]="darkcyan"; bgc[1]="navy"; bgc[2]="pink"; bgc[3]="tan"; bgc[4]="#00deab"; bgc[5]="darkseagreen"; bgc[6]="#00a0ff"; bgc[7]="rosybrown"; bgc[8]="lightcoral"; bgc[9]="#000020"; randpre = 0; function setBG() { rand = Math.floor(Math.random()*bgc.length); if ( rand != randpre ) { document.bgColor=bgc[rand]; randpre = rand; } } // --> </SCRIPT>

(注1)背景色の変更を行うにはbgc[0]="カラーコード(数値)";の部分のカラーコード(数値)を変更します。カラー名(white,blue等)も指定できます。
(注2)背景色の追加・削除を行うにはbgc[10]="カラーコード(数値)";の部分を追加・削除します。bgc[i]のiは0から始まる連続の数字に設定して下さい。


マウスが当たると背景を変化させるアンカー or イメージと、関数setBG()を実行するコマンドを記述します。

  1. 関数setBG()を実行するコマンド
    <CENTER> <A HREF="./index.htm" onMouseOver="setBG();return true;"> <IMG SRC="./gif/banner.gif" WIDTH=88 HEIGHT=31 border=0 ALT="o"></A> </CENTER>
  2. マウスが当たると背景を変化させるイメージ gif/banner.gif
  3. アンカー or イメージをクリックした時のリンク先index.htm

 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ