jQuery 기본 강의

jQuery 효과

fadeIn() 메서드와 함께 사용되어 선택된 요소의 불투명도를 숨겨짐에서 보이게 점진적으로 변경합니다.

이 메서드는 일반적으로fadeOut()메서드와 함께 사용.

주의:숨겨진 요소는 더 이상 페이지 레이아웃에 영향을 미치지 않습니다.

그것은fadeTo()메서드는 유사하지만, 이 메서드는 숨겨진 요소를 취소하지 않으며 최종 불투명도 수준을 지정할 수 있습니다.

$selector fadeIn.(duration, easing, callback)

<div> 요소에 대한 애니메이션:

예제

$("button").click(function(){
　　$("div").fadeIn();
});

모든 <p> 요소에 대한 애니메이션:

예제

$("button").click(function(){
　　$("p").fadeIn();
});

사용duration매개변수:

예제

$("button").click(function(){
　　$("p").fadeIn(1500);
});

사용콜백매개변수:

예제

$("button").click(function(){
　　$("div").fadeIn(600, function(){
$("h3").text("투명도 증가 완료.");
　　});
});

단순한 이미지와 같은 어떤 요소에도 흐림 투명도 조절 효과를 적용할 수 있습니다.

예제

$("button").click(function(){
　　$("img").fadeIn();
});

매개변수	설명
duration	（선택 사항）퇴화 효과가 얼마나 지속될지 결정합니다. 문자열이나 숫자로 지정할 수 있습니다. 기본 값은400밀리초 가능한 값: 밀리초（예100、500、2000 등) “fast” “slow”
easing	（선택 사항）애니메이션의 다른 시점에서 요소의 속도를 지정합니다. 기본 값은 “swing”입니다. 가능한 값: “swing”-시작 때/끝나면 더 느리게 이동하고 중간에는 더 빠르게 이동 “linear”-상정 속도로 이동
콜백	（선택 사항）fadeIn() 메서드가 완료되면 호출할 함수를 지정합니다. 각 선택된 요소에 대해 한 번씩 호출됩니다.