阅读背景:

Jquery商品飞入购物车动画(全部20行代码)

来源:互联网 
/**添加购物车动画
* 说明:页面需要先引入JQuery
*传入参数:需要播放动画的对象
*/
function shoppingCartAnimate(dom){
    var goodsItem = $(dom).closest(".goodsItem");
    var flyElm = goodsItem.clone();
    $('body').append(flyElm);
    flyElm.css({
        'z-index': 9000,
        'display': 'block',
        'position': 'absolute',
        'top': goodsItem.offset().top +'px',
        'left': goodsItem.offset().left +'px',
        'width': goodsItem.width() +'px',
        'height': goodsItem.height() +'px'
    });
    flyElm.animate({
        top: $('#shoppingCart').offset().top,
        left: $('#shoppingCart').offset().left,
        width: 10,
        height: 10
    }, 'slow', function() {
        flyElm.remove();
    });
}
/**添加购物车动画
* 说明:页面需要先引入JQuery
*传入参数:需要播放动画的



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: