마우스 위로 div 배경 이미지를 변경하는 방법은 무엇입니까?

Question

저는 7 개의 축소판 이미지 메뉴가 있습니다. 사용자가 (mouseover)을 특정 축소판으로 가리키면 <div>의 배경 이미지를 해당 축소판의 관련 이미지로 변경하고 싶습니다.

썸네일 이미지 메뉴는은 diff 사업부에

Answer 1

당신은 같은 jQuery를 뭔가 사용할 수 있습니다 : 해당 이미지

을 예와 함께 당신의 스타일 시트에 hover_class 및 mouseout_class를 지정

$(function(){ 
    $('div.someclass').hover(function(){ 
     $(this).addClass('hover_class'); 
    }, function(){ 
     $(this).addClass('mouseout_class'); 
    } 
); 
}); 

을

<style type="text/css"> 
.hover_class { 
    background-image: url(url 1); 
} 

.mouseout_class{ 
    background-image: url(url 2); 
} 
</style> 

Answer 2

순수 CSS에 문제가 있습니까?

div.thumbnail:hover { 
background-image: url(image/in/question); 
} 

간단히

Answer 3

이

$('#thumbnailimg').hover(function(){ 
    $('#changeme').css('background-image', $(this).children('img').attr('src')); 
}, function(){ 
    $('#changeme').css('background-image', ''); 
});