JavaScript

[JavaScript] マウスオーバーで画像を切り替える

投稿日:2016年11月13日 更新日:

画像にマウスポインタが当たると画像が変わるサンプルです。

サンプルソース

例)画像(id="img1")にマウスポインタを当てると画像を"cat2.png"に変更する

実行サンプル

画像にマウスポインタを当てると、画像が変わります。

解説

  • 画像を変えるには、img要素のsrcパラメータの値を変更すればOKです。

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] KeyUpイベントを取得する(onKeyUp)

JavaScriptでkeyupイベントを取得するサンプルです。 keyUpとは、押し下げたボタンを離した時に発生するイ ...

[JavaScript] 文字列の一部分を切り出す(substr, substring, slice)

文字列の一部分を切り出すには、 substrを使う方法、substringを使う方法、sliceを使う方法があります。 ...

[JavaScript] HTMLタグに独自属性を追加/取得する

HTMLタグに独自属性を追加/取得するサンプルです。 独自属性をセットする場合は .setAttribute()、 独自 ...

[JavaScript] ディスプレイのサイズを取得する(screen.width、screen.height)

ディスプレイのサイズ(画面解像度)を取得するには、 screen.width、screen.height を使用します。 ...

[JavaScript] document.writeで出力した文字列にアンカーを設定する

document.writeで出力した文字列にアンカーを設定するサンプルです サンプルソース 例)文字列「備考」にアンカ ...

スポンサーリンク