獲取圖像從位置a飛到位置b

Question

我不確定從哪裏開始。我期待的那種效果就是在紙牌遊戲開始時你會看到的效果。我查看了jquery和jqueryui庫，看看是否有任何稱爲fly的事件/效果（或任何類似的命名），但沒有看到任何內容。事件/效果的組合會給我預期的結果？

Answer 1

對於紙牌效果，我只想：

1. 將它移動到它應該去快速的位置，可能是第二下。
2. 沒有緩解，或很少反彈緩解。
3. 不褪色..

至少這是我記得的紙牌的開始。這實際上是一個簡單的效果，事情是它速度很快，但有很多卡。如果只是說一張卡，那麼你甚至可能不會注意到它。

jQuery的.animate

$(document).ready(function() { 
    $("#boxtoanimate").animate({ 
    top: 100, //Where it should go.. 
    left: 100 
    }, 500); //How quick to animte 
}); 

順便說一句，我建議在GSAP jQuery的較重的動畫，如果你去到它，它是性能更好，也同時更易於管理，許多動畫。檢查出來：

https://greensock.com/jump-start-js