Оставьте след тела с JQuery

Question

Я пытался создать эффект, используя jquery, чтобы при наведении мыши на элемент div все тело двигалось, оставляя след вдоль пройденных точек. Я создал функцию, которая позволяла двигаться всему телу, но я не мог найти способ покинуть след. Я пытался использовать .clone(), но, поскольку я новичок в jquery, я не смог сделать это правильно. Может ли кто-нибудь помочь мне с этим вопросом. Вот код, который я использую для перемещения тела:

<script type="text/javascript">
$(document).ready(function() {

$("div").mouseover(function() {
    $("body").animate({
        margin: 50,
    })      
});

$("div").mouseout(function() {
    $("body").animate({
        margin: 0,
    })
});      

});      
</script>

Большое спасибо!

Answer 1

Довольно интересная проблема. Я кодировал следующее: http://jsfiddle.net/3Pq8E/

Здесь я просто добавляю границу и удаляю ее - создавая след.

$("div").mouseover(function() {
    $("div").animate({
    margin: 25,
    borderLeftWidth: "50px",
    borderTopWidth: "50px",
  }, 1500 );     
});

$("div").mouseout(function() {
    $("div").animate({
        margin: 0,
    borderLeftWidth: "2px",
    borderTopWidth: "2px",
    })
});