创建 HTML 菜单栏答案

【问题标题】：create HTML menubar创建 HTML 菜单栏
【发布时间】：2010-09-18 13:05:36
【问题描述】：

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

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

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

干杯，唐

【问题讨论】：

【解决方案1】：

如果你说法语，http://www.alsacreations.com/ 有很多带有 HTML + CSS 的菜单示例

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

获取这个免费的基于 Windows 的 CSS 导航菜单创建器。它很棒，也是很好的教具。

【讨论】：

【解决方案5】：

【讨论】：

【解决方案6】：

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

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

【讨论】：

【解决方案7】：

我发现 A List Apart 上的 this menu tutorial 很有帮助。如果您在该网站上四处搜索，您会发现很多不错的设计教程和模板。

【讨论】：

【解决方案8】：

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

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

【讨论】：