jQuery) 애니메이션 및 효과 함수

웹 페이지에서 애니메이션 효과를 주거나 속성 값을 변경하는 함수들입니다.

• .fadeIn() / .fadeOut()
  요소의 페이드 인/아웃 효과를 적용합니다.

$('#example').fadeIn();  // 서서히 보이게 함
$('#example').fadeOut(); // 서서히 숨기기

 

.animate()
CSS 스타일 속성을 변경하며 애니메이션 효과를 구현합니다.

$('#example').animate({
    left: '200px',
    opacity: 0.5
}, 1000);  // 1초 동안 애니메이션 실행