Javascript 鼠标移动时显示的导航栏，静止时消失

我希望我的导航栏只在鼠标移动时出现，否则不会被看到。它是固定定位的。我试着用

$（“html”）.mousemove（函数（）{

等等

但是，即使我完全不动鼠标，也会发现鼠标被移动了。这可能有点棘手，因为我希望当鼠标在文档中的任何位置移动时，导航栏都会出现，而不仅仅是在导航栏区域。每当鼠标未移动时，导航栏都不应可见

---

其基本思想是，仅当用户移动鼠标（表示有更改内容的意图）时，导航栏才可见，因为否则会分散内容的注意力。

我建议使用一个功能来处理mousemove，该功能可以完成两件事：

显示导航栏

使用一个在短时间间隔后隐藏导航栏的函数设置超时

第二位代码应首先取消为隐藏导航栏而设置的任何超时

结果将是一个导航栏，当鼠标移动时显示，当鼠标闲置一段时间后消失

---

这基本上就是@guinatal刚刚提供的代码。

我建议使用一个函数来处理mousemove，该函数可以做两件事：

显示导航栏

使用一个在短时间间隔后隐藏导航栏的函数设置超时

第二位代码应首先取消为隐藏导航栏而设置的任何超时

结果将是一个导航栏，当鼠标移动时显示，当鼠标闲置一段时间后消失

---

这基本上就是@guinatal刚刚提供的代码。

我建议使用一个函数来处理mousemove，该函数可以做两件事：

显示导航栏

使用一个在短时间间隔后隐藏导航栏的函数设置超时

第二位代码应首先取消为隐藏导航栏而设置的任何超时

结果将是一个导航栏，当鼠标移动时显示，当鼠标闲置一段时间后消失

---

这基本上就是@guinatal刚刚提供的代码。

我建议使用一个函数来处理mousemove，该函数可以做两件事：

显示导航栏

使用一个在短时间间隔后隐藏导航栏的函数设置超时

第二位代码应首先取消为隐藏导航栏而设置的任何超时

结果将是一个导航栏，当鼠标移动时显示，当鼠标闲置一段时间后消失

---

这基本上就是@guinatal刚刚提供的代码。

您可以这样做：

HTML

<div>navbar</div>

---

您可以这样做：

HTML

<div>navbar</div>

---

您可以这样做：

HTML

<div>navbar</div>

---

您可以这样做：

HTML

<div>navbar</div>

---

您可以包括您迄今为止尝试过的代码示例吗？您可以包括您迄今为止尝试过的代码示例吗？您可以包括您迄今为止尝试过的代码示例吗？您可以包括您迄今为止尝试过的代码示例吗？我想您需要一些东西来取消已设置的超时。当前的代码会导致导航栏要闪烁…我认为您需要一些东西来取消已设置的超时。当前的代码会导致导航栏闪烁…我认为您需要一些东西来取消已设置的超时。当前的代码会导致导航栏闪烁…我认为您需要一些东西来取消已设置的超时代码会导致导航栏闪烁。。。