购物车飞行图像,jQuery加入购物车动画

jQuery代码飞到购物车$('.add-to-cart').click(function() { var cart = $('.shopping_bg'); var imgtofly = $(this).parents('li.cart_items').find('a.product-image img').eq(0); if (imgtofly) { var imgclone = imgtofly.clone() .offset({ top:imgtofly.offset().top, left:imgtofly.offset().left }) .css({'opacity':'0.7', 'position':'absolute', 'height':'150px', 'width':'150px', 'z-index':'1000'}) .appendTo($('body')) .animate({ 'top':cart.offset().top + 10, 'left':cart.offset().left + 30, 'width':55, 'height':55 }, 1000, 'easeInElastic'); imgclone.animate({'width':0, 'height':0}, function(){ $(this).detach() }); } return false;});使用easeInElastic移动动画效果。您可以修改这个动画基于您的需要。

在线演示        积分下载        6毛下载        砍两刀下载