blocks|key|241539|text|查看CoffeeCup免费DHTMLM选单生成器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|241540|http://www.coffeecup.com/free-dhtml/|offset|length|241541|听起来它能做你想做的事。|241542|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|10|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

Have a look at the CoffeeCup Free DHTML Menu Builder:

<a href="http://www.coffeecup.com/free-dhtml/" rel="nofollow noreferrer">http://www.coffeecup.com/free-dhtml/</a>

Sounds like it will do what you want.

blocks|key|883019|text|我发现清单上的本菜单教程是有帮助的。如果你在那个网站上搜索，你可以找到很多好的设计教程和模板。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|883020|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alistapart.com/articles/horizdropdowns^0|7|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I've found <a href="http://www.alistapart.com/articles/horizdropdowns" rel="nofollow noreferrer">this menu tutorial</a> on A List Apart to be helpful. If you search around on that site you can find a lot of good design tutorials and templates.

blocks|key|883032|text|我认为最强大的是这一个"DHTML“http://www.milonic.com/由Milonic。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|883033|它处理主题和一大堆选项。|883034|entityMap|0|LINK|mutability|MUTABLE|url|http://www.milonic.com/^0|I|N|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I think the most robust out there is this one "DHTML Menu"
<a href="http://www.milonic.com/" rel="nofollow noreferrer">http://www.milonic.com/</a> By Milonic.

It handles theming and a whole pile of options.

blocks|key|1240590|text|以下是您可以查看的另一个参考资料：http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1240591|entityMap|0|LINK|mutability|MUTABLE|url|http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/^0|H|25|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Here is another reference you could look at: <a href="http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/" rel="nofollow noreferrer">http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/</a>

blocks|key|1240621|text|获得这个免费的基于Windows的CSS导航菜单创建者。它是伟大的，也是一个很好的教学工具。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1240622|http://www.highdots.com/css-tab-designer/|offset|length|1240623|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|15|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Get this free Windows-based CSS navigational menu creator. It is great and a good teaching aid as well.

<a href="http://www.highdots.com/css-tab-designer/" rel="nofollow noreferrer">http://www.highdots.com/css-tab-designer/</a>

blocks|key|887387|text|有一个公共域纯CSS菜单系统|type|unstyled|depth|inlineStyleRanges|entityRanges|data|887388|http://www.grc.com/menudemo.htm|offset|length|887389|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|V|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

There's a public domain pure CSS menuing system at 

<a href="http://www.grc.com/menudemo.htm" rel="nofollow noreferrer">http://www.grc.com/menudemo.htm</a>

blocks|key|1240733|text|如果可以使用，我强烈建议使用YUI菜单组件。您可以使用从Javascript生成的应用菜单标记(视图示例)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1240734|YUI组件非常容易使用，开源，它们有很好的支持和文档，而且看起来设计得很好。他们来自雅虎;)|1240735|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/menu/|1|http://developer.yahoo.com/yui/examples/menu/applicationmenubar.html|2|http://developer.yahoo.com/yui/examples/menu/applicationmenubar_source.html^0|E|7|0|15|4|1|1C|4|2|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

I highly recommend <a href="http://developer.yahoo.com/yui/menu/" rel="nofollow noreferrer">YUI menu components</a> if you can use them. You can use an <a href="http://developer.yahoo.com/yui/examples/menu/applicationmenubar.html" rel="nofollow noreferrer">application menu</a> (<a href="http://developer.yahoo.com/yui/examples/menu/applicationmenubar_source.html" rel="nofollow noreferrer">view example</a>) built from HTML markup of from Javascript.

YUI components are very easy to use, open source, they have a great support and documentation, and seems well designed. And they are from Yahoo ;)

blocks|key|241720|text|如果你说法语，在http://www.alsacreations.com/上有很多使用HTML+%2B+CSS菜单的例子。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|241721|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alsacreations.com/^0|8|T|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're french speaking there is many example of menus with HTML + CSS at <a href="http://www.alsacreations.com/" rel="nofollow noreferrer">http://www.alsacreations.com/</a>

I'm looking for some help with creating a horizontal menubar in HTML. The menubar will have menus such as File, Edit, View and when you mouseover or click on the File menu (for example), the menu will be displayed showing menu items such as New, Open, etc.

Ideally, I'd like to create the menubar and menus using pure HTML and CSS, but I also have JQuery, Prototype and Scriptaculous at my disposal if necessary. Does anyone know of any good examples/tutorials from which I could draw inspiration?

EDIT: Thanks for all the links. I should have mentioned that I'm really looking for a tutorial that explains how to do-it-yourself in HTML/CSS/JS, rather than a WYSIWYG tool that builds all the code for you.

Cheers,
Don

create HTML menubar

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在寻找一些帮助，在HTML中创建一个水平菜单。菜单将有像File，Edit，View这样的菜单，当你按下或单击“文件”菜单(例如)时，该菜单将显示菜单项，如“新建”、“打开”等。理想情况下，我希望使用纯HTML和CSS创建菜单和菜单，但如果需要的话，我还可以使用JQuery、Prototype和Scriptacul...

问创建HTML菜单
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建HTML菜单EN