Javascript 菜单转换/动画

好吧，我有一个菜单的想法，但我真的不知道如何实现它或需要什么，我对网页设计非常陌生。基本上，当菜单上的一个项目高亮显示时，我希望滑动条在高亮显示的项目下移动，如下所示

---

因此，当我在一个页面上时，我希望在与该页面相关的菜单选项卡下使用滑块。当我将鼠标悬停在菜单中的某个项目上时，滑块将从当前选项卡滑动到高亮显示的选项卡。当用户取消高亮显示它时，它将返回到与用户所在页面相关的选项卡。如果您有任何帮助，我们将不胜感激。

我不会给出完整的代码，但我会用一些关键字为您指明正确的方向。 您需要的是为将滑动到菜单项下方的栏创建一个。 将每个菜单项封装在div中，并为每个菜单项实现onMouseOver事件。 然后在onMouseOver事件中，您需要将div从其当前位置移动到此菜单div下，即将slider div的offsetLeft更改为菜单div的offsetLeft值（如果您使用jquery，它提供了方便的函数来实现这一点）。 现在改变div的位置将直接将其移动到那里。如果你想让它在一个“幻灯片”动画中完成，那么你需要一步一步地移动它，比如说每次以5像素的增量移动。为此，请使用setTimeOut函数。创建一个函数，以5 px的增量更改slider div的offsetLeft值，并反复调用此函数，直到它通过setTimeout函数到达其目标。setTimeout基本上是一个计时器，它将在指定的时间后调用函数

---

这应该足以让您在google上搜索：）

我本打算给您提供一个JSFIDLE示例，但无需重新发明轮子

jQuery MagicLine： &

如果这不是您想要的方向，那么我建议您特别使用tabs部分：。确保使用jQueryUI with，这允许用户自定义

---

希望这有帮助，让我知道如果你有任何问题

你有几个选择。我建议您了解JavaScript。特别是学习jQuery并查看您的一些选择，非常感谢您的帮助！我让我的div标签在滚动菜单项时移动了一个固定的量，我只需要将它设置到我的menuItem div的x位置，但是Dom确实给了我我所需要的，但是我真的很感谢你的帮助！是的，我看到了多姆的评论，我想这正是你需要的。我只是想解释一下，如果必须在不使用任何库的情况下进行构建：）。