好的，所以我对菜单有这个想法，但我真的不知道如何实现它或需要什么，我对网页设计非常陌生。所以基本上当菜单上的一个项目被突出显示时，我希望滑块在突出显示的项目下移动，就像这样
http://s7.postimage.org/qa3vfh797/purple.gif
因此，当我在一个页面上时，我想要与该页面相关的菜单选项卡下的滑块。当我将鼠标悬停在菜单中的某个项目上时，滑块会从当前选项卡滑动到突出显示的选项卡。当用户取消突出显示它时，它会返回到与用户所在页面相关的选项卡。任何帮助将不胜感激
问问题
855 次
2 回答
1
我将为您提供一个 jsfiddle 示例，但无需重新发明轮子。
如果这不是您想要的方向，那么我建议使用jQuery UI，特别是选项卡部分：here。确保将 jQueryUI 与Themeroller一起使用，它允许用户自定义。
希望这会有所帮助，如果您有任何问题，请告诉我！
于 2013-01-22T21:30:43.310 回答
0
我不会给你完整的代码，但我会用一些关键词为你指明正确的方向。您需要为将在菜单项下方滑动的栏创建一个。将每个菜单项封装在一个 div 中，并为每个菜单项实现一个 onMouseOver 事件。然后在 onMouseOver 事件中，需要将 div 从当前位置移动到这个菜单 div 下，即将滑块 div 的 offsetLeft 更改为菜单 div 的 offsetLeft 值（如果你使用 jquery，它提供了方便的函数来获取这个值）。现在更改 div 的位置将直接将其移动到那里。如果你想在“幻灯片”动画中完成它，那么你需要逐步移动它，比如说每次以 5 px 为增量。为此使用 setTimeOut 函数。创建一个函数来更改滑块 div' s offsetLeft 值以 5 px 为增量，并一次又一次地调用此函数，直到它通过 setTimeout 函数到达其目的地。setTimeout 基本上是一个计时器，它将在指定的时间后调用一个函数。
这应该足以让您在 google 上搜索 :)
于 2013-01-22T19:11:35.423 回答