두 개의 Pictures_jquery의 그라데이션 전환 효과를 달성하는 jquery 메서드

이 문서의 예에서는 jquery가 두 이미지의 그라데이션 전환 효과를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

이 코드는 jquery가 두 이미지 간 그래디언트 전환 효과를 달성할 수 있는 방법을 보여줍니다. id=kitten을 사용하여 div의 배경 이미지를 설정하고 jquery를 사용하여 div의 페이드 인 및 페이드 아웃을 수행합니다. 이미지 두 개

HTML 코드

<div id="kitten">
  <img src="/images/kitten.jpg" alt="Kitten" />
</div>

jquery 코드

$("#kitten").hover(function(){
  $(this).find("img").fadeOut();
}, function() {
  $(this).find("img").fadeIn();
});

이 기사가 모든 사람의 jquery 프로그래밍 설계에 도움이 되기를 바랍니다.