jQuery

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

投稿日:2017年8月3日 更新日:

jQueryでマウスオーバーで画像を切り替えるサンプルです。

サンプルソース

例)画像にカーソルを当てると画像が切り替わる

実行サンプル

画像にカーソルを当てると画像が切り替わります。

解説

  • 画像に対して mouseover/mouseleave イベントを指定して画像を切り替えています。

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

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

関連記事

[jQuery] トリムを行う($.trim)

jQueryでトリムを行うには、$.trim()を使用します。 サンプルソース 例)トリムを行う [crayon-5d3 ...

[jQuery] 要素のオブジェクトを取得する(.get)

jQueryで要素のオブジェクトを取得するには、.get()を使用します。 ※JavaScriptの getElemen ...

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

[jQuery] 子要素を取得する(.find)

指定した要素の子要素(孫要素以下も含む)を取得するには、.find()を使用します。 サンプルソース 例)定義リストの子 ...

[jQuery] クリックイベントを設定する(.click)

jQueryでクリックイベントを記述するには、.click()を使用します。 サンプルソース 例)ボタンを押すとアラート ...

スポンサーリンク