检查鼠标是否超过div，没有移动

Question

我写了以下幻灯片菜单： http://www.julian-urabl.com/webtest/index.html

除了我想添加的一种行为外，它完美无缺：

如果没有将鼠标放在div-container“菜单”上，则加载，菜单应该收缩1000ms。

我考虑过检查，如果将鼠标放在div上并且仅在返回“false”时我会通过

将菜单滑出

setTimeout(function(){slide.style.marginLeft="-140px"},1000);

我对js完全不熟悉，但如果我理解正确，既不悬停也不鼠标悬停，也不会帮助解决我的问题。谁能帮我？

Answer 1

这就是我要做的事情：

Onload，检查鼠标的位置（例如http://www.codelifter.com/main/javascript/capturemouseposition1.html）。 虽然我建议你开始使用jquery。

一旦到达可以获得鼠标位置的位置，您需要确保鼠标不在菜单坐标内。 为此，您可以看到this。

之后很简单，如果鼠标坐标在这些坐标内，则不要让菜单滑入，如果不是这样，请让菜单滑入。