如何使用jQuery创建类似于NFL.com的菜单？

Question

如何使用jQuery创建类似于NFL.com's的下拉菜单？我真的很喜欢它隐藏的方式，同时仍然提供常规菜单的所有说服力。

Answer 1

NFL.com使用由Script.aculo.us

撰写的Thomas Fuchs

有关大量示例和演示代码，请参阅Script.aculo.us网站

Effect.SlideDown和Effect.SlideUp可以为您提供此类菜单所需的功能。

Answer 2

使用jQuery使用Slide effect可以实现类似的功能。基本上，这些子菜单中的每一个都将包含在它们自己的div中，每个子菜单的位置使得当完全可见时，您将获得主导航下的子菜单。然后，只需从隐藏所有这些subnav div开始，然后应用幻灯片效果在mouseover / mouseout事件期间显示/隐藏它们。