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", 
    }) 
});