元素動畫

Question

我在iconArchive站點看到了一個效果，我不知道如何應用它，如果你們中的一個人幫助我用小例子得到這個想法，這將是很好的。 在這個鏈接下：http：//www.archarchive.com/search？q = share & page = 3如果你經過心臟img然後它的副本將移動到底部並添加您選擇的圖標。我不知道如何開始，因爲我沒有任何代碼。 我認爲他們使用java script + jquery + css來做到這一點。

Answer 1

jQuery animate函數可以做到這一點整齊：http://jsfiddle.net/bX6Uk/。

$('#button').click(function() { 
    $('#div').animate({ 
     top: 300, 
     left: 10, 
    }, 'slow'); 
}); 

Answer 2

爲了達到您的示例頁面上的特定效果，您應該查看jQuery UI Transfer effect。