加入購物車實現拋物線效果

                                            <script>
						//offset() 方法返回或設置匹配元素相對於文檔的偏移（位置）。
						$(function() {
							var offset = $("#shopcar").offset();
							$(".addcar").click(function(event){
								var addcar = $(this);
								var img = addcar.parents(".box1_info").prev(".box1_img").find('img').eq(0).attr('src');//獲取第一張圖片路徑
								var flyer = $('<img class="u-flyer" src="'+img+'">');//新建拋物線對象
								flyer.fly({
									start: {
										left: event.pageX,//拋物線起點橫座標
										top: event.pageY//拋物線起點縱座標
									},
									end: {
										left: offset.left+10,//拋物線終點橫座標
										top: offset.top+10,//拋物線終點縱座標
										width: 0,
										height: 0
									},
									onEnd: function(){
										$("#msg").show().animate({width: '170px'}, 200).fadeOut(1000);
                                                                                //addcar.css("cursor","default").unbind('click');加入購物車不可點擊
										this.destory();//銷燬拋物體
									}
								});
							});
						  
						});
					</script>
						//offset() 方法返回或設置匹配元素相對於文檔的偏移（位置）。
						$(function() {
							var offset = $("#shopcar").offset();
							$(".addcar").click(function(event){
								var addcar = $(this);
								var img = addcar.parents(".box1_info").prev(".box1_img").find('img').eq(0).attr('src');//獲取第一張圖片路徑
								var flyer = $('<img class="u-flyer" src="'+img+'">');//新建拋物線對象
								flyer.fly({
									start: {
										left: event.pageX,//拋物線起點橫座標
										top: event.pageY//拋物線起點縱座標
									},
									end: {
										left: offset.left+10,//拋物線終點橫座標
										top: offset.top+10,//拋物線終點縱座標
										width: 0,
										height: 0
									},
									onEnd: function(){
										$("#msg").show().animate({width: '170px'}, 200).fadeOut(1000);
                                                                                //addcar.css("cursor","default").unbind('click');加入購物車不可點擊
										this.destory();//銷燬拋物體
									}
								});
							});
						  
						});
					</script>