jquery飞入的简单介绍

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

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

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

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

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

while($top900){

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

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

}

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

相关问答

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

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

里面有现成的方法。。

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

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

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

Q2: 求助：怎么样用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");

        });

    });