画像にマウスポインタが当たると画像が変わるサンプルです。 サンプルソース 例）画像（id="img1"）にマウスポインタを当てると画像を"cat2.png"に変更する [crayon-5ed52b8eefd61147608057/] [crayon-5ed52b8eefd69916193523/] 実行サンプル 「マウスオーバー時に元の色 (ここでは赤) を表示したい」ならば、そもそも jQuery でのコードは不要です。 もし「元の色」が赤や青でないならば、その色を css メソッドの background プロパティに設定する必要があります。 3)クリックとマウスオーバーどちらでもFlipできるように設定できること。 この条件にあうものを2つ見つけた。Jqueryプラグイン「Sponsor Flip Wall」と「QuickFlip 2」だ。

マウスオーバーのやり方には、色んな方法があります。 CSSを使うにしても「CSSスプライト」を使ったり、JavaScriptでも「jQuery」を使ってみたりと言ってしまえば、コーディングする人のセンスや能力で、色んなコーディングの仕方があって多種多様な方法があります。 jQueryの便利な記述なのですが.hoverを使っています。 要素.hover(マウスオーバーしたらAの処理,マウスアウトしたらBの処理) ここでは要素としては$(“table.sample td”)としてあるので、テーブルのセルを指定しています。 .mouseover( ) マウスカーソルが要素内（子孫要素を含む）に入った時の処理を設定 構文 マウスカーソルが要素内（子孫要素を含む）に入った時の処理を設定 返値：jQueryオブジェクト jQo.mouseover(function ) ver1.0〜 jQo.mouseover( ) ver1.0〜 jQo.mouseover(object, function ) ver1.4.3〜 機能. 先日の記事、画像や指定範囲をクリックやマウスオーバーでFlip（裏返し）するJqueryプラグイン「QuickFlip2」でも少し触れたが、同様のFlip効果が得られるもうひとつのJqueryプラグイン …