怎么做像动画一样的群体?

时间:2011-02-25 13:57:35

标签: javascript jquery

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

有没有图书馆可以做到这一点?我真的很喜欢它。

2 个答案:

答案 0 :(得分:3)

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。

答案 1 :(得分:1)

这是他们写的jquery插件。

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