仿百度图片加收藏特效

// JS部分，dependence: jquery 1.4 +
function addFavourite (el,sc,sp) {
    if ( $('#addFavouriteImage').length === 0 ) {
        var offset = $(el).parents('.image').offset();
        var img = '<img src="' + sc + '" id="addFavouriteImage" style="position:absolute;z-index:99999;left:' + offset.left + 'px;top:' + offset.top + 'px;">';
        var dstnOffsetX = Math.floor($('#myFavourite').offset().left) + 50;
        var dstnOffsetY = Math.floor($('#myFavourite').offset().top) + 0;

        $('body').append(img);
        $('#addFavouriteImage').animate({
            width: 0,
            opacity: 0,
            top: dstnOffsetY + 'px',
            left: sign + dstnOffsetX + 'px',
          }, sp, function() {
            $(this).remove();
            // callbacks write here...
          })
    };
}

// HTML 部分
<button class="btn btn-block" onclick="addFavourite(this,'',650)">