今回は５８回目です。
リンクボタンの周りが光ります。

カーソルが重なった時、ボタンの周囲を発光させる
今回の効果は、リンクボタンに触った時にボタンの周りが発光するというものです。
周りに色がついている画像と入れ替えているわけでなく、JavaScript で周りを発光させています。
ただ、この効果はＩＥしかできません。
また、Macintosh のＩＥでも動作確認をしてません。
ネットスケープとＭａｃの方はごめんなさい。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント リンクボタン用の画像は、テーブルの中に入れて下さい。
＜TD＞タグの中で、 ID=cell1 と、ＩＤ番号をつけます。２個目のリンクボタンの画像の入る＜TD＞タグの中には、ID=cell2 とつけて下さい。
リンクさせるための＜A HREF=・・・＞タグの中では、onMouseOver="GleamObj(1,1)" onMouseOut="GleamObj(1,0)" と、マウスを置いた時と離した時に呼ぶ関数を指定します。
JavaScript は、そのままコピーして使用して下さい。
Glow(color=#00bbcc というのが、触った時に光る色の指定です、ここで、自分の好きな色に変えて下さい。
strength=5 というのが、発光の幅の大きさです。ここの数字が大きい程、幅が広くなります。
効果 効果 マウスで画像に触ると、Glow(color=#00bbcc で指定した色と、strength=5 で指定した幅で、画像の周りが光ります。
使い方 使い方 実際の実験画面のソースをご覧下さい。

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

この効果はＩＥの５．０、からできます。ネットスケープはできません。
Ｍａｃは確認していません。

ここで気を付けることは、画像を必ずテーブルに入れて、その画像の入っているセル（＜ＴＤ＞タグ）に、ＩＤ＝で番号を付けることです。


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