[jQueryUI] 에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수

Front-End/jQueryUI

[jQueryUI] 에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수

리딩리드 2017. 1. 9. 16:22

에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수

1. 정의

- 에니메이션 메소드의 두번 째 인수는 익명의 함수를 갖는다

- 익명의 함수는 에니메이션 함수가 종료된 후에 처리를 담당

2. 구문

$(요소).에니메이션메소드(시간, function(){....})

3. 예제

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style> </style> </head> <img src="big.png" id="pic"/> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(function(){ $('#pic').hide(3000, function(){ $(this).attr('src','new.jpg'); }) .show(3000); }); </script>

- 3초 동안 사라지고 이미지를 변경후 다시 나타난다