如何做群像动画？

Question

Groupon动画在注册过程开始时，用户选择城市和电子邮件地址的指南给我留下了深刻的印象...

是否有任何图书馆可以做到这一点？我很喜欢。

Answer 1

Source code

所有你曾经需要。很简单。它只是向左移动两个div。

现在我想到了，您可以使用jQuery轻松添加这种动画。例如，假设你有两个div：

<div id='step1'>Lorem lipsum</div> 
<div id='step2'>Lipsum lorem</div> 

您可以非常简单地添加动画：

$('#step1').animate({ 
    position : '-5px' 
}, 1000); 

$('#step2').animate({ 
    position: '100px' 
}, 1000); 

这都是从我的头顶，但我觉得你得到的总体思路。欲了解更多信息，请参阅animate的jQuery API。

Answer 2

这是一个jquery插件，他们写道。

看看这里的代码，并查看源代码的网页上看到的对象，他们操纵 http://assets1.grouponcdn.com/javascripts/app/subscriptions/multi_steps.js?t1cj1qyn