如何做羣像動畫？

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