JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] 定数を定義する(const)

JavaScriptで定数を定義するには、constを使用します。 ※ECMAScript6以降対応ブラウザで使用可能で ...

[JavaScript] 日付を和暦で表示する

日付を和暦で表示するサンプルです。 toLocaleDateStringを使う方法 toLocaleDateString ...

[JavaScript] コンソールにメッセージを出力する

コンソールにメッセージを出力するサンプルです。 サンプルソース 例)ボタンを押すとコンソールにメッセージを出力する [c ...

[JavaScript] カンマ区切り文字列→配列にする

カンマ区切り文字列から文字列配列に変換するサンプルです。 サンプルソース 例)文字列"aaa,bbb,ccc& ...

[JavaScript] 数値チェックを行う

指定された値が数値かどうかをチェックするサンプルFunctionです。 サンプルソース 例1)値が数値かどうかチェックす ...

スポンサーリンク