如何使用jQuery创建此菜单效果?

时间:2011-04-16 13:38:53

标签: jquery jquery-plugins menu

我在很多网站上都看到了这个菜单效果,但我不知道是否有插件/教程可以制作这样的东西? 看这个例子: http://www.elegantthemes.com/preview/TheProfessional/

4 个答案:

答案 0 :(得分:1)

快速查看您提供的示例的来源,可以看出它正在使用Superfish

关于网络的好处是一切都是开放的。找到你喜欢的东西(你已经有了),然后查看源代码并弄清楚它们是如何做到的。 Firebug等工具可以为您提供帮助。

答案 1 :(得分:0)

我想你想要LavaLamp JQuery插件。

答案 2 :(得分:0)

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

菜单div有两个子节点:一个是文本项的div(让我们称之为Text),另一个是动画追逐元素的div(让我们称之为Chaser)。

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

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

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

那个悬停回调说“找到正在悬停的元素的偏移;告诉Chaser设置其位置的动画以匹配该偏移”。

答案 3 :(得分:0)

Lava Lamp是你的答案。

但是,您可以在此处找到其他一些很酷的jquery动画菜单插件:36-eye-catching-jquery-navigation-menus