jquery - 用 jquery 留下 body 痕迹

Question

我一直在尝试使用 jquery 创建一种效果，当您将鼠标移到一个 div 上时，整个 body 都会移动，并沿着它经过的点留下一条轨迹。我创建了一个可以使整个 body 移动的功能，但我找不到离开轨迹的方法。我尝试使用 .clone()，但由于我是 jquery 的初学者，所以无法正确使用。谁能帮我解决这个问题。这是我用来移动 body 的代码:

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