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

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

创新互联服务热线：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联网页制作领域十多年，包括成都户外休闲椅等多个方面拥有丰富建站经验，选择创新互联，为企业保驾护航。

假设你用的是animate，再假设你是通过改变"运动块"的left值和top值来实现运动的。

那么，既然是曲线，就会有公式。假如一个抛物线的公式：x2=-2py(x0) 

那么，你就可以写一个循环，定义一个变量来表达left和top值，直到到达指定位置，循环结束。示例代码：

while($top900){

$left=-sqrt(-2p*$top);

$('.div').animate({left:$left,top:$top},100);

}

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

Jquery商品抛物线飞入购物车代码

这个建议你去找现成js。。给你提供一个地址。。

里面有现成的方法。。

张鑫旭同学的博客里面有这样的方法。。你可以去找的。

zhangxinxu.com/study/201312/js-parabola-shopping.html

就是这个地址啦。跟你这个一样的效果

求助：怎么样用jQuery制作出一个图片飞入购物车的动画？

给你个示例吧，应该能帮助到你

这是html

input id="Button1" type="button" value="button" /

table style="width: 100%;"

tr

td

div style="width:100px; height: 100px; border: 1px solid #f08080" id="shop"购物车/div

/td

tdnbsp;/td

tdnbsp;/td

/tr

tr

td style="height: 500px"nbsp;/td

tdnbsp;/td

tdnbsp;/td

/tr

tr

tdnbsp;/td

tdnbsp;/td

td

div style="width: 50px; height: 50px; background-color: #f08080" id="product"

商品

/div

/td

/tr

/table

这个是jQuery代码：

$(function() {

$("#Button1").click(function() {

var shopOffset = $("#shop").offset();

var cloneDiv = $("#product").clone();

var proOffset = $("#product").offset();

cloneDiv.css({ "position": "absolute", "top": proOffset.top, "left": proOffset.left });

$("#product").parent().append(cloneDiv);

cloneDiv.animate({

left: shopOffset.left,

top: shopOffset.top

},"slow");

});

});

网站栏目：jquery飞入的简单介绍
文章转载：http://ybzwz.com/article/dsdossi.html