jQuery

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

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

関連記事

[jQuery] セレクトボックスの変更イベントを取得する

セレクトボックスの変更イベントを取得するには、.change()を使用します。 サンプルソース 例)選択したセレクトボッ ...

[jQuery] 要素数を取得する(.length)

セレクタで取得した要素の要素数を取得するには、lengthを使用します。 サンプルソース 例)セレクタ$('#a1 li ...

[jQuery] サブミットイベントを取得する(.submit)

jQueryでsubmitイベントを取得するサンプルです。 サンプルソース 例)submit時、テキストボックスがブラン ...

[jQuery] プレースホルダーを設定・削除する

jQueryでプレースホルダーを設定したり削除したりする方法です。 サンプル 例)プレースホルダーを設定・削除する [c ...

[jQuery] classの適用・非適用を切り替える(.toggleClass)

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。 サンプルソース 例)ボタンを押すと ...

スポンサーリンク