JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] HTMLエスケープ処理をする

JavaScriptでHTMLエスケープ処理をするFunctionです。 サンプルソース 例)HTMLエスケープを行うF ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

[JavaScript] 画面のサイズを変更する(resizeTo、resizeBy)

画面のサイズを変更するにはresizeToまたはresizeByを使用します。 resizeToとresizeByの違い ...

[JavaScript] Functionが要求する引数の数を取得する

Functionが要求する引数の数を取得するサンプルです。 サンプルソース 例)関数「fnc02」が要求する引数の数を取 ...

[JavaScript] イベントの呼び出し元のオブジェクトを取得する(event.target)

イベントの呼び出し元のオブジェクトを取得するには、event.targetを使用します。 サンプルソース 例)event ...

スポンサーリンク