JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] 配列に要素を追加する(.unshift)

配列に要素を追加するサンプルです。 配列の先頭に要素を追加する 配列の先頭に要素を追加するには、.unshiftを使用し ...

[JavaScript] 文字列中に指定した文字が出現する回数を取得する

文字列中に指定した文字が出現する回数を取得するサンプルです。 サンプル 例)引数に、文字列と指定文字を指定すると指定文字 ...

[JavaScript] イベント処理を動的に追加する(addEventListener)

clickイベントなどのイベント処理を、JavaScriptで動的に追加するには addEventListenerを使用 ...

[JavaScript] 2つの数値の大小を比較する(Math.max/Math.min)

2つの数値の大小を比較してその値を取得するには、Math.max/Math.minを使用します。 数値が大きい方を返す( ...

[JavaScript] ローカル時刻を取得する(.toLocaleString)

ローカル時刻を取得するには、.toLocaleString()を使用します。 サンプルソース 例)現在日時のローカル時刻 ...

スポンサーリンク