jQuery 鼠标移动停止

Question

Felix 的英文翻译：

我想创建一个跟随鼠标光标的菜单，如果光标距它一定距离，它就会停止移动。到目前为止我的解决方案： 我创建了两个嵌套的 div。内部 div 包含菜单。外部 div 用于停止菜单。如果光标移动到外部 div 上，则只要光标悬停在内部 div 上，内部 div 就应该停止并停留。 *编辑：菜单应该轻柔但快速地停止。

德语原文：

ich möchte ein Menü erstellen welches meinen Mauszeiger verfolt und in bestimmter nähe stehen bleibt。 Mein Lösungsansatz ist folgender： Ich baue 2 ineinander verschachtelte DIV。我的内部 DIV ist das Menü vorhanden。 Das äußere Div ist zum stoppen da。另外，我们还可以在 das äußere Div gehe soll das insidee DIV stark abbremsen und stehen bleiben、solange ich drin bin 中使用 Mauszeiger。

Hier mein derzeitiger 代码（固件：jQuery）：

var div = jQuery("<div id='menubox'><div id='innerdiv'>&nbsp;</div></div>").appendTo("body");

    var mouseX = 300, mouseY = 300;
    jQuery(document).mousemove(function (el) {
        if (onMenu == false) {
            mouseX = el.pageX;
            mouseY = el.pageY;
        }
    });

    jQuery('#menubox').mouseenter(function (el) {
        onMenu = true;
        stopMoving();
    }).mouseleave(function (el) {
        onMenu = false;
        startMoving();
    });

    var xp = 0, yp = 0;
    function stopMoving() {
        clearTimeout(timer);
        timer = setTimeout(function () {
            clearInterval(loop);
        }, 100);
    }
    function startMoving() {
        clearTimeout(timer);
        clearInterval(loop);
        loop = setInterval(function () {
            xp += (mouseX - xp) / 20;
            yp += (mouseY - yp) / 20;
            jQuery('#menubox').css({ left: xp, top: yp });
        }, 40);
    }
    startMoving(); // StartMoving on Page Load

*编辑：我有一个 IE Bug。我必须在外部 div 放置一个透明的 gif。现在这个功能已经可以了。如果我在外部或内部 div 中，div 不会移动，但不会很快停止。它应该非常轻柔、快速地停止，并且不要移动，即 200px，然后使用clearIntervall() 停止或硬停止。我应该再做一个计时器吗？