jquery 的fly插件,实现商品飞入购物车的效果

fly插件的start开始位置怎么计算
当点击“加入购物车”按钮后,商品图片会变成一个缩小的圆球,以按钮为起点,向右侧以抛物线的形式飞出到右侧的购物车里。在飞出之前,我们要获取当前商品的图片,然后调用fly插件,之后的抛物线轨迹都是由fly插件完成,我们只需定义起点和终点左边以及结束后销毁之前的动画。

http://www.cnblogs.com/xqschool/p/6214318.html

function FlyToCart() {
var cartLeft = $("#orange").offset().left;
var cartTop = $("#orange").offset().top; // 购物车图标位置 也就是终点

alert(cartLeft);
alert(cartTop);
var btnLeft = $("#FlyCart").offset().left;//加入购物车按钮位置 起点
var btnTop = $("#FlyCart").offset().top - $(document).scrollTop();
alert(btnLeft);
alert(btnTop);
var imagee = document.getElementById("image");
var imgalt = imagee.alt;
alert(imgalt);
var flying = $('');
try{
flying.fly({
start: {
left: btnLeft,
top: btnTop,
},
end: {
left: cartLeft, //结束位置(必填)
top: cartTop, //结束位置(必填)
width: 0, //结束时宽度
height: 0 //结束时高度
},
onEnd: function () { //结束回调
alert('加入成功!');
//$('button').css("cursor", "default").removeClass('orange').unbind('click');
this.destory(); //移除dom
}
});
} catch (err) {
document.writeln("Error name: " + err.name)
document.writeln("Error message: " + err.message)
}

}