求一个加入购物车的效果

Question

类似这样的购物车，点击加号，物品会有个抛物线掉进去购物车，购物车的数量会增加

Answer 1

抛物线加入购物车，Github：https://github.com/bigmeow/fly

应用示例：https://bigmeow.cn/demo/maicai

Answer 2

好吧；给你发个示例吧：链接：http://share.weiyun.com/ba26ce707b5342d7d6e0d49e9dbfac0f （密码：w20W）

Answer 3

不是这样的效果类似这样的http://xianfengsg.ebsig.com/wap/category.html的效果

它现在的数据是用ajax写的，如果换成静态的写法，要怎么写吗

Answer 4

$(document).on('click','.add-pluse',function(event){

            var postID = $(this).attr('postID');

            var addcar = $(this).parent();
            var img = addcar.parent().find('img').attr('src');
            var flyer = $('<img class="u-flyer" style="width:2em;height:2em;z-index:1000"src="'+img+'">');

            E.ajax_post({
                action: "cart",
                operFlg: 2,
                data: {
                    postID: postID,
                    goods_amount: 1
                },
                call: function( o ) {
                    if (o.code == 200 ) {

                        flyer.fly({
                            start: {
                                left: event.pageX-100,
                                top: event.clientY
                            },
                            end: {
                                left: offset.left,
                                top: offset.top+50,
                                width: 0,
                                height: 0
                            }

                        });
                        shop.get_cart_num();

                    } else {
                        layer.open({content:o.message, time: 2});
                    }

                }
            });
        });

源码里就有