JS如何实现抛物线动画

原文链接:http://jingyan.baidu.com/article/ceb9fb10c13bac8cac2ba05a.html

设置抛物线的位置（起点也可以是整个页面的可点击区域，即body）：

抛物线起点，此例中为.left_btn（标签的classname）

抛物线终点，此例中为.gwcimg（标签的classname）

创建JS方法：

$('.left_btn').on('click', addProduct);

        function addProduct(event){

          var offset = $(".gwcimg").offset(),

            //抛物线图片，可自行更改

            flyer = $('<img src="brandmarket/image/gwc.png" width="36" height="36">');

          flyer.fly({

            start: {

              left: event.pageX,

              top: event.pageY

            },

            end: {

              left: offset.left,

              top: offset.top,

             //抛物线完成后留在页面上的图片大小

              width: 20,height: 20

            }

          });

        }