2011-10-25 127 views
0

我想實現一個動畫,其中一個DOM元素移動到另一個元素,縮小並最終消失。考慮一下當我們向用戶添加一件商品到他的購物車時,我想要展示的動畫。有沒有實現這個插件或一個簡單的jQuery腳本可能是?JQuery插件動畫移動一個DOM元素到另一個

這是沿着我想要的東西。 - http://pastebin.me/638d1947c4d20da4eccd6542887caf27

此處元素正在追加到另一個dom元素。我不想追加它,只是動畫是我正在尋找。

+2

重複,以你的問題:http://stackoverflow.com/questions/1279957/jquery-how-to-move-an-element-into-another-element。你也可以添加'.animate()'函數。你不需要這個 –

+0

的插件,這不是我想要的。我只是想讓動人動畫。我不想將dom元素附加到另一個元素。 – vikmalhotra

回答

1

事實證明,這其實很簡單。我實現了這樣的事情......

$('#HideDiv').animate({ 
    opacity: 0, 
    left: '+=50', 
    width: 0 
}, "slow", function() { 
    $(this).hide(); 
}); 
+0

這不是問題中的問題,它清楚地表明您想要移動DOM元素 –

+0

@tunetosuraj - 這是一種解決方法,因爲dom元素位於相鄰位置,所以我認爲它更容易實現。爲了更好地演示我想要的內容,我編輯了我的問題。 – vikmalhotra

相關問題