仿百度图片加收藏特效

// 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)">