JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] 4~12,1~3 ⇔ 1~12 を相互に変換するサンプル

4~12,1~3 ⇔ 1~12 を相互に変換するサンプルです。 サンプルソース 例)4~12,1~3 ⇒ 1~12に変換 ...

[JavaScript] Submit時イベントを取得する(onSubmit)

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。 サンプルソース 例)Submit前 ...

[JavaScript] 消費税の税抜額を取得する

引数に受け取った金額の税抜き額を返すFunctionサンプルです。 サンプルソース 例)税率8%で計算。引数が数値以外の ...

[JavaScript] 文字列がHHmm形式の時間文字列であるかどうかチェックする

文字列がHHmm形式の時間文字列であるかどうかチェックするサンプルFunctionです。 サンプル 例)引数に受取った値 ...

[JavaScript] オブジェクトが空かどうか判定する

オブジェクトが空かどうか判定するサンプルfunctionです。 サンプルソース 例)オブジェクトが空の場合はtrueを返 ...

スポンサーリンク