创建HTML菜单栏

Question

我正在寻找一些在HTML中创建水平菜单栏的帮助。菜单栏将包含文件，编辑，查看等菜单，当您将鼠标悬停或单击文件菜单（例如）时，菜单将显示菜单项，如新建，打开等。

理想情况下，我想使用纯HTML和CSS创建菜单栏和菜单，但如果需要，我还可以使用JQuery，Prototype和Scriptaculous。有谁知道我可以从中汲取灵感的任何好的例子/教程？

编辑：感谢所有链接。我应该提到我正在寻找一个教程，解释如何在HTML / CSS / JS中自己动手，而不是为你构建所有代码的WYSIWYG工具。

干杯， 唐

Answer 1

我在A List Apart上找到了this menu tutorial以提供帮助。如果您在该网站上搜索，您可以找到许多优秀的设计教程和模板。

Answer 2

以下是您可以查看的另一个参考：http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/

Answer 3

获取这个免费的基于Windows的CSS导航菜单创建器。这是伟大的，也是一个很好的教学辅助。

http://www.highdots.com/css-tab-designer/

Answer 4

查看CoffeeCup免费DHTML菜单生成器：

http://www.coffeecup.com/free-dhtml/

听起来它会做你想做的事。

Answer 5

有一个公共领域纯CSS菜单系统

http://www.grc.com/menudemo.htm

Answer 6

如果您可以使用它，我强烈推荐YUI menu components。您可以使用从Javascript的HTML标记构建的application menu（view example）。

YUI组件非常易于使用，开源，它们有很好的支持和文档，而且看起来设计得很好。他们来自雅虎;）

Answer 7

如果您说法语，那么在http://www.alsacreations.com/

上有许多带有HTML + CSS的菜单示例

Answer 8

我认为最强大的就是这个“DHTML菜单” http://www.milonic.com/来自Milonic。

它处理主题和一大堆选项。