728x90
clearQueue() 메서드는 진행중인(첫번 째) 애니메이션을 제외하고 큐에서 대기하는 모든 애니메이션 함수를 제거한다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 효과와 애니메이션 </title> <script src="js/jquery.js"></script> <script> $(function() { $(".txt1") .animate({marginLeft:"100px"},1000) .animate({marginLeft:"300px"},1000) .animate({marginLeft:"400px"},1000); $(".txt2") .animate({marginLeft:"100px"},1000) .animate({marginLeft:"300px"},1000) .animate({marginLeft:"400px"},1000); $(".txt2").clearQueue(); }); </script> <style> .txt1, .txt2{width:50px; text-align: center; background-color: aqua;} .txt2{background-color:orange;} </style> </head> <body> <p class="txt1">내용1</p> <p class="txt2">내용2</p> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| 자바스크립트 생성자 - 객체 인스턴스 생성 & 반환 (0) | 2021.09.01 |
|---|---|
| 자바스크립트 객체 (0) | 2021.08.30 |
| queue() / dequeue() 메서드 (0) | 2021.08.25 |
| stop() / delay() 메서드 (0) | 2021.08.25 |
| animate() 메서드 (0) | 2021.08.25 |
