最近做一个手机端的商品加入购物车的项目, 首先引入jquery .js 手机端引入zepto.js 但是zepto没有animate的这个方法 需要引入fx这个模块。主要代码如下:
/*飞入购物车*/
$('.btn-buy').bind('click',function(){
var img = $(this).parent().find('img');
var flyElm = img.clone().css('opacity', 0.75);
$('body').append(flyElm);
flyElm.css({
'z-index': 9000,
'display': 'block',
'position': 'absolute',
'top': img.offset().top +'px',
'left': img.offset().left +'px',
'width': img.width() +'px',
'height': img.height() +'px'
});
flyElm.animate({
top: $('.head-shopcart').offset().top+10,
left: $('.head-shopcart').offset().left+10,
width: 20,
height: 32
}, 'slow', function() {
flyElm.remove();
});
});