如何做groupon喜欢的动画？

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插件。

查看此处的代码和页面上的view-source，以查看它们操作http://assets1.grouponcdn.com/javascripts/app/subscriptions/multi_steps.js?t1cj1qyn的对象