제목 호버 - 변경 이미지

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를 지정하고 @Sandwell

당신이 CSS를 시도를 사용하는 경우가 게시 된 jQuery 코드에서 ID를 사용 : 부동산 가져

이미지는 img 태그 또는의 배경으로 포함되는 방법