jQuery에서 스프라이트 및 페이드를 사용하는 호버 효과

Question

이것이 어떻게 달성되고 있는지 알고 싶습니다. 호버에 스프라이트를 사용하여 태그의 마우스를 가져갈 때 이미지의 배경 위치를 이동하여 버튼 배경의 모양과 느낌을 변경합니다.

그러나 어떻게 jQuery를 사용하여이 권리를 얻을 수 있습니까?

http://dragoninteractive.com/

많은 감사합니다!

Answer 1

jQuery fadeIn() method을 사용하는 것이 좋습니다.

배경 이미지를 회색 배경으로 설정 한 다음 마우스 위로 다른 파란색 이미지를 페이드 인하면 원하는 효과를 얻을 수 있습니다.

Answer 2

$('yourelementselector').css('background-position', 'new value'); 

왜 배경 위치를 업데이트하는 데 jQuery를 사용합니까? CSS 만 사용하십시오 :

courselector:hover { 
    background-position: newval; 
} 

편집 : 오, 죄송합니다. 링크가 처음로드되지 않았습니다. 이 페이딩 애니메이션을 설명하는 jQuery-Plugin 또는 Tutorial이 있습니다!