jQuery를 사용하여 배경 이미지를 어떻게 페이드 (fade)합니까?

Question

나는 백그라운드 이미지를 하나씩 다른 모양으로 바꾸고 페이드 인하길 원한다. mouseover/mouseout 상황에서 이것을 고려하십시오.

어떻게 jQuery를 사용하여 배경 이미지를 희미하게합니까?

필요한 jQuery 플러그인이 있습니까?

Answer 1

사용할 뭔가가있을 수 있지만, 다음과 같은 부분에서 조립이 용이해야한다 :

• 마우스가 들어가 요소를 떠날 때 확인하기 위해 hover pseudo event를 사용합니다.
• 요소의 불투명도를 변경하려면 fadeIn 및 fadeOut을 사용하십시오.
• position:absolute으로 div를 만들고 그 안에 두 개의 이미지를 position:relative으로 넣습니다. 이렇게하면 이미지가 서로 겹치게됩니다.