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

}

});

}