如何使用jQuery制作此菜单效果？

Question

我在很多网站上看到过这个菜单效果，但我不知道是否有插件/教程来制作这样的东西？ 看到这个例子： http://www.elegantthemes.com/preview/TheProfessional/

Answer 1

Lava Lamp是你的答案。

然而，你可以在这里找到一些其他很酷的jQuery动画菜单插件：36-eye-catching-jquery-navigation-menus

Answer 2

我想你想LavaLamp JQuery插件。

Answer 3

首先你绝对或相对定位菜单div。

菜单div有两个子元素：一个是文本项的div（我们称之为Text），另一个是动画追逐元素的div（我们称之为Chaser）。

将追踪器设置为绝对定位，并将文本设置为相对定位。

将文本设置为比追赶者具有更高的z-index。

对于每个文本元素，使用jquery将悬停回调绑定到它。

悬停回调表示“找到正在悬停的元素的偏移量;告诉Chaser将其位置设置为与该偏移量匹配”。

Answer 4

快速查看您给出的示例的源代码，显示它使用的是Superfish。

关于网络的好处是一切都是开放的。找到你喜欢的东西（你已经知道了），然后看看源代码并找出它们是如何做到的。像Firebug这样的工具将帮助你。