如何使菜单类似于linkedin.com上的菜单

问题描述:

我无法在linkedin.com上制作导航栏。我发现一些教程如何使它与html5,但正如我看到链接不使用html 5。所以可以有人指点我同样的指南如何使吧?
是否有必要使用jQuery来做菜单?

I wan't to make navigation bar like on linkedin.com. And I find some tutorials how to make it with html5, but as I see linked in doesn't use html 5 there. So can somebody point me to same guide how to make bar like that? Is it necessary to use jQuery to make menu like that?

只是为了记录:如果一些网站不使用Html5这并不意味着你不应该;)

Just for the record: if some site doesn't use Html5 it doesn't mean you shouldn't ;)

LinkedIn使用JavaScript来构建菜单。有几十个教程来处理这样的下拉菜单。大多数情况下,它是使用像jQuery或MooTools这样的框架的最简单的方法,但是当然也可以使用'普通'Javascript。

LinkedIn uses JavaScript to build the menu. There are dozens of tutorials which handle dropdown menu's like this. Mostly it's the easiest way to use a framework like jQuery or MooTools, but of course it can also be done with 'regular' Javascript.

一些教程:

使用jQuery: http://www.narga.net/sexy-jquery-drop-down-multi-level-menu/

使用纯JavaScript:

Using pure JavaScript:


  • http://javascript-array.com/scripts/simple_drop_down_menu/

  • http://www.scriptiny.com/2008/04/sliding-javascript-dropdown-menu/

  • http://javascript-array.com/scripts/simple_drop_down_menu/
  • http://www.scriptiny.com/2008/04/sliding-javascript-dropdown-menu/

希望这有助于