Question

jquery曲线飞入购物车效果遇到一点小问题

已经实现了直线的购物车飞入，有没有jquery大神，可以指点一下在下，曲线的飞入应该用什么思路去实现，请略微指点一下吧。
已经实现的就是这种，直接上去，直接下去，但是这样的话很难让用户从视觉上接受，怎么能实现为下面那张图呢？

下面这张是曲线的，要的就是这样的效果咯~





Answer 1

提供一个思路，仅供参考：

假设你用的是animate，再假设你是通过改变"运动块"的left值和top值来实现运动的。
那么，既然是曲线，就会有公式。假如一个抛物线的公式：x2=-2py(x>0) 
那么，你就可以写一个循环，定义一个变量来表达left和top值，直到到达指定位置，循环结束。示例代码：

while($top<900){
    $left=-sqrt(-2p*$top);
    $('.div').animate({left:$left,top:$top},100);
}

这是根据上面假设的抛物线公式确定的。不知道你是否能看懂。

Answer 2

我做了一个特例，水平抛物线，供你参考。