language:jquery:jquery_참고

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- language:jquery:jquery_참고 [2021/06/05 20:01] – [.animate()] kieuns
+++ language:jquery:jquery_참고 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
-~~Title:jQuery 재참고 (回帰)~~
+~~Title:jQuery 재참고~~
 jQuery를 다시 써야할때 필요한 것을 메모해둔다.
@@ 줄 128: / 줄 128: @@
 ''파라미터들''은 기본만 쓰거나 좀 더 많은 옵션을 넣을 수 있게 되어 있다.
+===== 1번 형식 =====
 <code>.animate( properties [, duration ] [, easing ] [, complete ] ) </code>
@@ 줄 156: / 줄 158: @@
 **Easing**
-**Complete 함수**
+  * 스트링형식으로 적어 보내야 하며,
+  * jQueryUI 를 포함시켜야 한다. 이징 파라미터가 jQueryUI 에 있음
-아직 안써봤는데
+사용 가능한 이징(Easing), [[https://api.jqueryui.com/easings/|쓸 수 있는 이징 목록 볼 수 있음]]
+  * linear , swing , default
+  * easeInQuad, easeOutQuad, easeInOutQuad
+  * easeInCubic, easeOutCubic, easeInOutCubic
+  * easeInQuart, easeOutQuart, easeInOutQuart
+  * easeInQuint, easeOutQuint, easeInOutQuint
+  * easeInExpo, easeOutExpo, easeInOutExpo
+  * easeInSine, easeOutSine, easeInOutSine
+  * easeInCirc, easeOutCirc, easeInOutCirc
+  * easeInElastic, easeOutElastic, easeInOutElastic
+  * easeInBack, easeOutBack, easeInOutBack
+  * easeInBounce, easeOutBounce, easeInOutBounce
+**Complete 함수**
 <code>function() {}</code> 형식으로 작성해서 넣으면 될 것 같다.
+''_box'' 애니메이션이 끝나면 팝업이 뜨도록 complete 콜백을 추가
+<code javascript>
+_box.animate(
+  { left: _new_x + "px", top: _new_y + "px" },
+,
+  "easeOutBack",
+  function() {alert('');} );
+</code>
+===== 2번 형식 =====
 <code>.animate( properties, options )</code>
@@ 줄 172: / 줄 200: @@
   * specialEasing : (?)
   * step : 움직임이 설정된 모든 오브젝트에 대해서 호출 된다고 한다.
-  * (Function( Promise animation, Number progress, Number remainingMs)) \\ progress : 진행상태 중에 호출되는 함수.
+  * ''(Function( Promise animation, Number progress, Number remainingMs))'' \\ progress : 진행상태 중에 호출되는 함수.
-  * (Function()) \\ complete : 완료시 호출할 함수
+  * ''(Function())'' \\ complete : 완료시 호출할 함수
-  * (Function( Promise animation )) \\ start : 애니메이션 시작시 호출할 함수
+  * ''(Function( Promise animation ))'' \\ start : 애니메이션 시작시 호출할 함수
-  * (Function( Promise animation, Boolean jumpedToEnd )) \\ done : Promise 설정에서 완료시 호출할 함수
+  * ''(Function( Promise animation, Boolean jumpedToEnd ))'' \\ done : Promise 설정에서 완료시 호출할 함수
-  * (Function( Promise animation, Boolean jumpedToEnd )) \\ fail : Promise 설정에서  실패시 호출할 함수(?)
+  * ''(Function( Promise animation, Boolean jumpedToEnd ))'' \\ fail : Promise 설정에서  실패시 호출할 함수(?)
-  * (Function( Promise animation, Boolean jumpedToEnd )) \\ always(?)
+  * ''(Function( Promise animation, Boolean jumpedToEnd ))'' \\ always(?)
 ===== 그외 =====

language/jquery/jquery_참고.1622890913.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)