javascript - 如何使用javascript使div或对象逐渐移动到鼠标点击点？

Question

所以我有一个对象或 div，它是一个 10x10 像素的正方形。我希望能够单击浏览器窗口中的某处，使 div 逐渐移向我单击的点。

Answer 1

jQuery

$(document).click(function(event) {
    var x = event.pageX,
        y = event.pageY;

    $('div').animate({
        top: y,
        left: x
    }, 1000);
});

CSS

div {
    background: red;
    padding: 5px;
    position: absolute; 
}

HTML

<div>hello</div>

jsFiddle .