今回は４３回目です。
マウスで触ると画像が入れ替わります。

リンクなしで画像を入れ替える
今回の効果は、マウスで触ると画像が入れ替わるというものです。
画像の入れ替えは、過去の実験でもやったことはありますが、今までやったものは自動的に入れ替わったり、画像にリンクが貼ってあったりしました。
今回のものは、リンクを貼らないで画像の入れ替えのみを行います。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント onmouseover で、マウスを乗せたときの画像を指定します。
onmouseout で、マウスを外したときの画像を指定します。
効果 効果 onmouseover と onmouseout で指定した画像が、マウスを置く度に入れ替わります。
使い方 使い方 実際の実験画面のソースをご覧下さい。

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

この効果はＩＥは４．０からネットスケープは、Ｖｅｒ４．０からできます。
（但し、４．５はできません）

この効果は、記述が簡単ですので、気軽に使えるのではないでしょうか。
画像の指定をするときに、this.src を間に入れるのを忘れないで下さい。


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