$( '.css_test' ).slideUp() - 클래스명이 css_test 인것에 slideUp 효과 적용
- 가성비 높은 효과입니다. (간단한 코딩으로 그럴싸한 효과)
.slideUp( 2000 ) - 2초 동안 효과 적용
.slideUp( 1000 ) - 1초 동안 효과 적용
.slideUp( 500 ) - 0.5초 동안 효과 적용
.slideUp( ) - 기본이며 시간은 400, 0.4초 동안 효과 적용
반대 효과 메서드 : .slideDown()
- 수학적인 효과인데 수학을 몰라도 쓸 수 있습니다. (ㅋ)
- 효과의 종류와 예제는 아래 참고자료 링크를 참고해 주세요.
slideUp( 속도, '효과이름' )
slideUp( 500, 'easeOutBack' ) - 0.5초의 속도로 easeOutBack 움직임 효과 적용하여 slideUp
참고 자료 : easing(이징) 효과 모음
function j_test( easing ){
$('.css_test img').stop().show().slideUp( 500, easing, function(){
$( '.css_test img' ).slideDown( 500, easing );
} );
}
slideUp( 500, easing, function(){ 코딩 } )