2011-09-14 32 views
2

想象我有以下的动画:有没有办法只使用jQuery回滚动画?

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

我在想,如果是有办法动画#myObject回来反向相反的顺序上没有从头再来写它的属性。

我正在考虑制作一个css类并切换它,但它不会有动画步骤。此外,css3动画不是这个项目的一个选项。

可能吗?

+0

评论是为评论,而不是添加到您的问题 - 有一个“编辑”按钮。 – Bojangles

+1

你为什么不写一个函数?传递对象和你需要的任何值。 3步骤(对象,posx1,posy1,posx2,posy2,posx3,posy3)。取决于动画的类型......你可能需要编写2个函数。前进1为后退1。 –

+0

这就是我所做的,但我正在寻找一些代码优化。如果动画变大,我需要改变它,我将不得不改变它两次,相反的顺序,等等。但是这是一个不错的开始,理查德。感谢这个提示。 – v42

回答

3

所以,我认为这是一个有趣的问题,我写了这个:http://jsfiddle.net/bstakes/hzFTg/#base

它是一种非常幼稚的做法,但它确实你的要求。所以,是的,有办法做到这一点,但不是开箱即用。

+0

令人印象深刻!这是一个非常聪明的实现!恭喜! :) – v42

相关问题