jquery - 使用飞行效果将一个 Div 飞到另一个 div

标签 jquery jquery-ui jquery-effects

在复杂的jquery问题中,如果可能的话,我想要一个图像飞入另一个div并将当前值加1,就像在购物车中一样

The scenario is a user can like another user, by clicking thumbs up next to his image now I want the image of user keeps getting smaller in size as it fly's to the counter, once reached to the div the image clicked should be removed.

即使在阅读教程并认为它是我需要帮助的东西之后,我也无法执行飞行和收缩部分。我认为这是一件耗时的事情,因此任何指导将不胜感激。谢谢你,先生 杰斯 fiddle

http://jsfiddle.net/rigids/TYMfB/

下图解释了更多内容 Struck with jquery effects

最佳答案

如果我理解了这个问题,这应该会给你一个开始:

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();
        }); 
});​

关于jquery - 使用飞行效果将一个 Div 飞到另一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9340641/

相关文章:

javascript - 创建一个按钮并在 Jquery 中为每个按钮放置不同的 id

javascript - 在表单下方左对齐新的待办事项列表项

javascript - 为什么 Prop 禁用会导致 rails 形式的按钮不触发?

javascript - 当 jQueryUI 对话框没有 ID 时打开它

javascript - jQuery UI - 防止在父 div 之外调整对话框的大小

jquery - jquery-fx.js 不是已经是 jquery.js 的一部分了吗?

jquery-ui - 在 Knockout foreach 中忽略 JQuery UI 高亮效果颜色参数

javascript - 如何创建按 parent /子女数量排序的数组?

asp.net-mvc - jquery ui css 不加载和创建 asp.net mvc3 页面问题(意外 token 错误)

jquery - 使用 jQuery 实现内联文本元素的交叉淡入淡出