• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1282
  • Last Modified:

Jquery animation to fly item into recycle bin

Im looking for a cool jquery animation that will allow me to simulate an item moving from one location and disappearing in another.
i.e. something like an item being clicked and moved to the recycling bin.
0
Al4ddin2
Asked:
Al4ddin2
1 Solution
 
GaryCommented:
Something like...
http://jsfiddle.net/buc2ok9h/

$("div").animate({top:"100px",left:"200px"}).hide(500)

Open in new window

0
 
leakim971PluritechnicianCommented:
test page : http://jsfiddle.net/fmo045a7/

$(function() {
    $("#paper").click(function() {
        var target = $("#trash").offset();
        $(this).animate({ top:target.top, left:target.left }, 2000, "easeInQuint", function() {
            $(this).fadeOut();
        });
    });
});

Open in new window

0
 
lenamtlCommented:
I like those libraries (css but can be a plus to your jQuery)
http://www.minimamente.com/example/magic_animations/
http://colindres.me/saffron/
0

Featured Post

[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now