タイトルホバー - 画像を変更する

Question

私はそれの上にタイトルのある画像を持っています。タイトルの上にマウスを置くと、別の画像が表示されます。

どうすれば作成できますか？

title code

image code

私は疑問符の上に何かを置くが、何なきゃと思いますか？

Answer 1

jQueryを使用します。

$(function() { 
    $("img") 
     .mouseover(function() { 
      $(this).attr("src", "newImage.jpg"); 
     }) 
     .mouseout(function() { 
      $(this).attr("src", "originalImage.jpg"); 
     }); 
}); 

Answer 2

上記のjqueryの修正バージョンを使用することもできますし、CSSのみを使用することもできます。 は、画像のIDを与え、あなたはCSSの試みを使用している場合@Sandwell

によって投稿jqueryのコードでIDを使用します。画像はimgタグにまたはの背景として、含まれているどのように