jQuery加入購物車商品飛入動畫特效

程式碼片段：

js程式碼

<腳本類型="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<腳本類型=“text/javascript”src='js/jquery-ui.min.js'></script>
<腳本類型=“text/javascript”>
$('.add-to-cart').on('點選', function () {
var cart = $('.shopping-cart');
var imgtodrag = $(this).parent('.item').find('img').eq(0);
如果（imgtodrag）{
var imgclone = imgtodrag.clone().offset({
頂部：imgtodrag.offset().頂部，
左：imgtodrag.offset().left
}).css({
“不透明度”：“0.5”，
'位置'：'絕對'，
‘高度’：‘150px’，
'寬度': '150px',
'z 索引': '100'
}).appendTo($('body')).animate({
'頂部': cart.offset().top + 10,
'左': cart.offset().left + 10,
“寬度”：75，
“高度”：75
}, 1000, 'easeInOutExpo');
設定超時（函數（）{
cart.effect('搖一搖', { 次數: 2 }, 200);
}, 1500);
imgclone.animate({
“寬度”：0，
「高度」：0
}， 功能 （） {
$(this).detach();
});
}
});
</劇本>