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