今回は４７回目です。
マウスを項目の上に置くと、項目の左側に色がつきます。

マウスで触っているリンク項目に印
今回の効果は、マウスをリンクの項目の上に置くと、項目の左側にまるで小さなランプがつくように色が表示されるというものです。
仕掛け自体は、画像を入れ替えているだけなので、複雑なことをしているわけではありません。
そんなに派手な効果ではありませんが、使えそうではないでしょうか？
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント まず、あらかじめ小さな四角い画像を２種類（ページの壁紙と同じ色のものと光ったような感じが出る色のもの）を用意して、「images」というフォルダの中に入れておきます。
＜HEAD＞と＜/HEAD。の間に、＜SCRIPT LANGUAGE="JavaScript"＞から＜/SCRIPT＞ までの部分を書きます。
img_b[0] = には、壁紙と同じ色の画像ファイルの名前を指定します。
img_b[1] = には、光った時用の画像ファイルの名前を指定します。
A href= で、リンク先のファイル名を指定します。
効果 効果 リンク項目の上にマウスを置くと、背景と同じ色の画像が光っているような色の画像と入れ替わって、小さなランプがついたように見えます。
使い方 使い方 実際の実験画面のソースをご覧下さい。

今回の実験でわかったこと

この効果はＩＥは４．０からネットスケープは、Ｖｅｒ３．０からできます。

今回の効果は、そんなに複雑ではないので、ぜひ試してみて下さい。
もちろん、画像は四角ではなくてもいいです。


ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
超簡単ＨＰ実験室 実験室のトップページに