한 이미지를 another_jquery로 페이드 아웃하는 jQuery 구현 코드

jQuery는 다음 html과 같이 한 그림을 다른 그림으로 페이드 아웃합니다.

코드 복사 코드는 다음과 같습니다.

🎜 >
먼저 div의 크기가 이미지 크기와 동일한지 확인하세요.

css 코드:

코드 복사 코드는 다음과 같습니다. .fade

{

background-image:url( 'images/2.jpg');
너비:300px;
높이:225px;
}



jQuery 코드는 다음과 같습니다. >

코드 복사

코드는 다음과 같습니다. $(document).ready(function () { $(".fade").hover(function ( ) { $(this).find("img").stop(true, true).animate({ 불투명도: 0 }, 500);

}, function () {

$(this ).find("img").stop(true, true).animate({ 불투명도: 1 }, 500)
}); >});



전체 구현 코드:

코드 복사

코드는 다음과 같습니다:

< ;script type="text/javascript"> fade").hover(function () {
$(this).find("img").stop(true, true).animate({ opacity: 0 }, 500);
}, function ( ) {
$(this).find("img").stop(true, true).animate({ opacity: 1 }, 500)
});



저자 : jQuery Learning