jQuery實現加入購物車飛入動畫效果_jquery

.box{浮動：左；寬度：198px；高度：320px；左邊距：5px；邊框：1px實心#e0e0e0；文字對齊：居中}
.box p{行高：20px;內邊距：4px 4px 10px 4px；文字對齊：左}
.box：懸停{邊框：1px實體#f90}
.box h4{行高：32px;字體大小：14px；顏色：#f30；字體粗細：500}
.box h4 span{font-size:20px}
.u-flyer{顯示：塊；寬度：50px；高度：50px；邊框半徑：50px；位置：固定；z-index：9999；}
.m-sidebar{位置：固定；頂部：0；右側：0；背景：#000；z-index：2000；寬度：35px；高度：100%；字體大小：12px；顏色：#fff；}
.cart{顏色：#fff;文字對齊：中心;行高：20px;填滿：200px 0 0 0px;}
.cart span{display:block;width:20px;margin:0 auto;}
.cart i{寬度：35px；高度：35px；顯示：塊；背景：url(car.png) 不重複；}
#msg{位置：固定；頂部：300px；右：35px； z 索引：10000；寬度：1px；高度：52px；行高：52px；字體大小：20px；文字對齊：居中；顏色：#fff；背景： #360；顯示：無}

$(函數() {
    var offset = $("#end").offset();
    $(".addcar").click(function(event){
        var addcar = $(這);
        var img = addcar.parent().find('img').attr('src');
        var Flyer = $('');
        傳單.fly({
            開始：{
                left: event.pageX, //開始位置（必填）#fly元素會被設定為position:fixed
                top: event.pageY //開始位置（必須填入）
            },
            結束：{
                left: offset.left 10, //結束位置（必填）
                top: offset.top 10, //結束位置（必填）
                width: 0, //結束時寬度
                height: 0 //結束時高度
            },
            onEnd: function(){ //結束回檔
                $("#msg").show().animate({width: '250px'}, 200).fadeOut(1000); // 提示訊息
                addcar.css("cursor","default").removeClass('orange').unbind('click');
                this.destory(); // 移除 dom
            }
        });
    });
});
腳本>