div跟随与div拖动

div跟随，就是一个鼠标移动事件

html:

<div id="playbox" class="box">
   不要跟着我
</div>

js:

$(function () {
    $(document).mousemove(function (event) {
        $("#playbox").html("x:" + event.pageX + ",y:" + event.pageY);
        $("#playbox").css("left", event.pageX).css("top", event.pageY);
    });
});

div拖动

方法1:

$(function () {

    var isdown = false;
    $("#mybox").mousedown(function () {
        isdown = true;
    });
    $(document).mouseup(function () {
        isdown = false;
    });

    $(document).mousemove(function (event) {
        if (isdown) {
            $("#mybox").css("left", event.pageX - $("#mybox").width() / 2).css("top", event.pageY - $("#mybox").height() / 2);
        }
    });
});