JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

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

オブジェクトが配列かどうか判定するサンプルです。 サンプル instanceofを使う方法と、Array.isArray ...

[JavaScript] フォーカスが当たっている要素オブジェクトを取得する(.activeElement)

フォーカスが当たっている要素オブジェクトを取得するには、.activeElementを使用します。 サンプルソース 例) ...

[JavaScript] 配列内の要素を範囲指定で取り出す

配列内の要素を範囲指定で取り出すには、sliceメソッドを使用すると簡単に取り出せます。 サンプルソース 例)配列内の要 ...

[JavaScript] ファイルコントロールの値をクリアする

ファイルコントロールの値をクリアするには、value値にブランクをセットすればOKです。 サンプルソース 例)ボタンを押 ...

[JavaScript] 文字列の末尾の文字を削除する

文字列の末尾の文字を削除するサンプルです。 サンプルソース 例)文字列の末尾の文字を削除する [crayon-5c6b8 ...

スポンサーリンク