2011-09-14 5 views
2

나는 다음과 같은 애니메이션이 상상 :jQuery 만 사용하여 애니메이션을 롤백 할 수 있습니까?

$("#myObject").animate({ 
    /* animation 1 */ 
}).animate({ 
    /* animation 2 */ 
}).animate({ 
    /* animation 3 */ 
}); 

을 나는 궁금했다 다시 반대와 반대 순서에 #myObject 애니메이션을 다시 한번를 작성하지 않고 속성 수있는 방법이있다.

CSS 클래스를 만들고 토글하는 방법에 대해 생각했지만 애니메이션 단계가 없습니다. 또한 css3 애니메이션은이 프로젝트의 옵션이 아닙니다.

가능합니까?

+0

덧글은 덧글에 대한 것이지 질문에 대한 덧셈이 아닙니다 - 편집 버튼이 있습니다. – Bojangles

+1

그냥 함수를 작성하지 않으시겠습니까? 물체와 필요한 값을 전달하십시오. 3step (객체, posx1, posy1, posx2, posy2, posx3, posy3). 애니메이션 유형에 따라 ... 2 가지 기능을 작성해야 할 수도 있습니다. 1은 앞으로, 1은 앞으로. –

+0

그게 내가 한 짓이야,하지만 몇 가지 코드 최적화를 찾고 있는데요. 애니메이션이 커지고 변경해야하는 경우 두 번이나 역순으로 변경해야합니다. 그러나 그것은 좋은 출발점입니다, Richard. 이 힌트를 가져 주셔서 감사합니다. – v42

답변

3

그래서, 나는이 재미있는 질문이라고 생각하고, 나는이 쓴 : http://jsfiddle.net/bstakes/hzFTg/#base

그것의 아주 순진 구현을, 그러나 당신이 무엇을 요구한다. 그래서 네, 그것을 할 수있는 방법이 있습니다.

+0

인상적입니다! 그것은 매우 영리한 구현이었습니다! 축하해! :) – v42

관련 문제