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

用jquery留下身体踪迹

1 个答案: