画像にマウスを重ねると画像切り替え

| コメント(0)
画像にマウスを重ねると、画像が切り替わるJavaScript。
最近のブラウザでは、IMGタグ自体にOnmouseoverがあるようですが、
少し前のブラウザは対応していないので、今回は、Aタグで囲っておきます。
次のタグを画像を表示したい場所へ記述し、
画像1ファイル名の箇所と、画像2ファイル名の箇所をそれぞれの画像ファイル名にします。
<a href="javascript:void(0);" onmouseover="document.chgimg.src='画像2ファイル名'" onmouseout="document.chgimg.src='画像1ファイル名'"><img src="画像1ファイル名" name="chgimg"></a>
サンプル:

画像は、イラスト素材の素材ダス様からお借りしました。

コメントする

最近のブログ記事

年をJavaScriptで表示する
年をJavaScriptで表示してみまし…
お気に入り(ブックマーク)登録リンク(Firefox/IE対応)
ブラウザのお気に入り(ブックマーク)に登…
ページを印刷するリンク
現在のページを印刷するリンクタグをご紹介…
簡易バーチャルキーボードを作る
とても簡易的なバーチャルキーボードのスク…
画像にマウスを重ねると画像切り替え
画像にマウスを重ねると、画像が切り替わる…
フォームを選択した状態にする
Webサービスなどを利用していると、フォ…
ページを移動したり閉じるときに確認する
ページを閉じたり、ページから移動したりす…
管理者ログイン