1
首先需要引入一个jquery.fly.min.js文件（可自行搜索，也可以在本人的百度云盘中找到）
2
设置抛物线的位置（起点也可以是整个页面的可点击区域，即body）：
抛物线起点，此例中为.left_btn（标签的classname）
抛物线终点，此例中为.gwcimg（标签的classname）
3
创建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
}
})
}
4
大致有两种效果，一种是每添加一次就在购物车的数字上加一，数字显示的位置可以用CSS样式控制，然后把上一步中“抛物线完成后留在页面上的图片大小”中宽高值都设置为0，效果如下：
5
另一种是将数字用图片代替，此为默认的效果，改变浏览器大小的时候，用来代替的图片会一直停留在绝对位置，效果如下：
http://jingyan.baidu.com/article/ceb9fb10c13bac8cac2ba05a.html
解：
设抛物线与X轴交点为A、B（A在左，B在右），与Y轴交点为C
根据题意，线段AB长度只能是正偶数，线段OC的长度只能是正整数
因为△ABC中AB边上的高是OC
所以S△ABC＝AB*OC/2＝3
所以AB*OC＝6
当AB＝2时，OC＝3
当AB＝4时，OC不是整数，无符合条件的点
当AB＝6时，OC＝1
当AB＞6时，由于OC＜1，所以AB＞6时已经没有符合条件的点
当AB＝2时，A点坐标是(2，0)，B点坐标是(4，0)，C点坐标是C1(0，3)或C2(0，－3)
所以抛物线的解析式是：
y＝3(x－2)(x－4)/8 或 y＝－3(x－2)(x－4)/8
当AB＝6时，A点坐标是(0，0)，B点坐标是(6，0)，C点坐标是C1(0，1)或C2(0，－1)
由于A、C均在Y轴上且不重合，所以不存在过A、B、C三点的抛物线
综上所述，满足条件的抛物线的表达式有两个。
分别为：y＝3(x－2)(x－4)/8 或 y＝－3(x－2)(x－4)/8
江苏吴云超祝你学习进步
