飛一個div與飛效果

另一格在一個複雜的jQuery的問題，如果可能的話，我想an image to fly into another div，加入1至目前的價值，只是因爲它在購物車飛一個div與飛效果

的情況是用戶可以像另一個用戶，通過點擊豎起大拇指旁邊他的形象現在我希望用戶的圖像不斷變小大小，因爲它飛到櫃檯，一旦達到該圖像點擊應該被刪除。

即使在閱讀教程並認爲它需要幫助之後，我也無法做到fly and shrink part。我設想它是一個耗時的事情，因此任何指導都將非常感激。謝謝的jsfiddle爵士下面

圖片說明事情更 Struck with jquery effects

2012-02-18 June

var $counter = $('#counter'); 

$('.row').click(function(){ 

    var $that = $(this); 
    var $clone = $that.clone(); 
    var speed = 1000; 

    // "hide" clicked and create a clone that will fly 
    $that.slideUp(speed).after($clone); 

    $clone.css({ 
    // Setup initial position 
    position: 'absolute', 
    top:  $that.offset().top, 
    left:  $that.offset().left 
    }).animate({ 
    // Fly! 
    left:  $counter.offset().left, 
    top:  $counter.offset().top, 
    width: 0, 
    height: 0 
    },speed, function() { 
    // On animation end: 
    // Increment counter 
    $counter.text(+$counter.text() + 1); 
    // Remove both elements 
    $that.add($clone).remove(); 
    }); 

});

來源

2012-02-20 19:14:02

roXon，謝謝把你的額外努力付諸實踐，真的很感謝你花時間幫助學習者。Stack說Bounty只能在23小時內從現在開始授予 – June 2012-02-20 19:43:12

@June，多虧了你。 – 2012-02-20 19:45:15

如果我理解這個問題，這應該給你一個開始：

http://jsfiddle.net/TYMfB/8/

$(".row").click(function(){ 
    var $this = $(this); 
    var pos = $this.position(); 

    $this.css({position : "absolute", top: pos.top, left: pos.left}) 
     .add($this.find("img")) 
     .animate({top: 0, left: 0, width: 0, height: 0},1000,function(){ 
      $this.hide(); 
     }); 
});

來源

2012-02-20 18:57:08

我認爲他想圖像的克隆飛了櫃檯？無論哪種方式，你在軌道上... – Ryley 2012-02-20 18:58:59

嘿詹姆斯你幾乎在那裏，但我仍然有2個問題:(我只想用戶圖像飛行donot有任何想法jQuery也我有200行，如果用戶去太快了（我複製了一個腳本）腳本被絞死並彈出一個警告說你要繼續運行這個腳本還是停止，我們可以鎖定用戶界面，直到一個動畫完成爲止......順便說一句，非常感謝你這真是太棒了 – June 2012-02-20 19:07:46

對不起，我不會爲你寫全部內容，我寫的內容應該給你一個很好的起點，你必須自己弄清楚詳細的內容 – 2012-02-20 19:19:06

飛一個div與飛效果

回答

相關問題