飞一个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与飞效果

回答

相关问题