获取图像从位置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
});

顺便说一下，如果你进入它的话，我会建议使用jQuery来获取更重的动画，这对性能更好，同时也更容易管理很多动画。看看：

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