language:jquery:jquery_참고
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
language:jquery:jquery_참고 [2021/06/05 19:46] – [.animate()] kieuns | language:jquery:jquery_참고 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1 | ||
---|---|---|---|
줄 1: | 줄 1: | ||
- | ~~Title: | + | ~~Title: |
jQuery를 다시 써야할때 필요한 것을 메모해둔다. | jQuery를 다시 써야할때 필요한 것을 메모해둔다. | ||
줄 129: | 줄 129: | ||
'' | '' | ||
- | | + | ===== 1번 형식 ===== |
+ | |||
+ | < | ||
* 프로퍼티< | * 프로퍼티< | ||
줄 140: | 줄 142: | ||
* 빼도 됨. 그럴 경우 아무것도 안함. 기본 값: '' | * 빼도 됨. 그럴 경우 아무것도 안함. 기본 값: '' | ||
- | | + | **프로퍼티 properties** |
+ | |||
+ | '' | ||
+ | |||
+ | <code javascript> | ||
+ | _box.animate( { left: _new_x + " | ||
+ | </ | ||
+ | |||
+ | '' | ||
+ | |||
+ | **Duration** | ||
+ | |||
+ | 밀리세컨 단위의 숫자를 적는다. 기본값은 400.(ms) | ||
+ | |||
+ | **Easing** | ||
+ | |||
+ | * 스트링형식으로 적어 보내야 하며, | ||
+ | * jQueryUI 를 포함시켜야 한다. 이징 파라미터가 jQueryUI 에 있음 | ||
+ | |||
+ | 사용 가능한 이징(Easing), | ||
+ | |||
+ | * linear , swing , default | ||
+ | * easeInQuad, easeOutQuad, | ||
+ | * easeInCubic, | ||
+ | * easeInQuart, | ||
+ | * easeInQuint, | ||
+ | * easeInExpo, easeOutExpo, | ||
+ | * easeInSine, easeOutSine, | ||
+ | * easeInCirc, easeOutCirc, | ||
+ | * easeInElastic, | ||
+ | * easeInBack, easeOutBack, | ||
+ | * easeInBounce, | ||
+ | |||
+ | **Complete 함수** | ||
+ | |||
+ | < | ||
+ | |||
+ | '' | ||
+ | |||
+ | <code javascript> | ||
+ | _box.animate( | ||
+ | { left: _new_x + " | ||
+ | 200, | ||
+ | " | ||
+ | function() {alert('' | ||
+ | </ | ||
+ | |||
+ | ===== 2번 형식 ===== | ||
+ | |||
+ | < | ||
'' | '' | ||
줄 149: | 줄 200: | ||
* specialEasing : (?) | * specialEasing : (?) | ||
* step : 움직임이 설정된 모든 오브젝트에 대해서 호출 된다고 한다. | * step : 움직임이 설정된 모든 오브젝트에 대해서 호출 된다고 한다. | ||
- | * (Function( Promise animation, Number progress, Number remainingMs)) \\ progress : 진행상태 중에 호출되는 함수. | + | * '' |
- | * (Function()) \\ complete : 완료시 호출할 함수 | + | * '' |
- | * (Function( Promise animation )) \\ start : 애니메이션 시작시 호출할 함수 | + | * '' |
- | * (Function( Promise animation, Boolean jumpedToEnd )) \\ done : Promise 설정에서 완료시 호출할 함수 | + | * '' |
- | * (Function( Promise animation, Boolean jumpedToEnd )) \\ fail : Promise 설정에서 | + | * '' |
- | * (Function( Promise animation, Boolean jumpedToEnd )) \\ always(?) | + | * '' |
===== 그외 ===== | ===== 그외 ===== |
language/jquery/jquery_참고.1622890014.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)