如何使用HTML创建菜单树
我需要使用HTML创建一个菜单树。 我在Google上进行了搜索，但他们正在提供一些软件供下载以便创建。 但是我需要一些脚本和HTML标签才能做到这一点。 任何人都可以帮我解决这个问题。 提前致谢。
这是一个非常简单的开始。
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
编辑
实现我从@sushil bharwani学到的东西。 以下是我如何找到上述url，即@sushil bharwani http://www.google.co.in/search?q=Menu+Tree+using+UL+L&qscrl=1
您不需要使用JavaScript（除非您希望与过时的浏览器兼容），您可以单独使用HTML + CSS来实现它。 并且以更加语义正确的方式。 🙂
您可以使用HTMLDog中的Suonsfish之子中的文章中介绍的技术制作垂直下拉菜单或（更漂亮的示例） 水平菜单 。
简单而有意义。
样品
这是一个简单的例子。 在其中，您可以看到hoverfunction完美运行。
CSS并不好，因为它只是一个样本。
要处理样式，请禁用display: none; line：这将阻止子菜单在不hover时隐藏，并且您可以设计样式。
完成后，只需重新启用display: none; 行以使子菜单隐藏并仅在hover时显示。
HTML
CSS
nav li:hover { background: #EEEEEE; } nav li>ul { display: inline-block; margin: 0; padding: 0; } nav .collapsable li>ul { display: none; } nav li>ul::before { content: ": { "; } nav li>ul::after { content: " } "; } nav li:hover>ul { display: inline-block; } nav li>ul>li { display: inline-block; } nav li>ul>li+li::before { content: ", "; }
这是一个jsfiddle： http ： //jsfiddle.net/x8dxv/
通过一些javascript和CSS周围的知识，您可以将简单的UL LI列表转换为菜单树。 它是正确的，你可以使用jQuery，如果你理解它。
您可以使用UL Li按菜单树缩小谷歌搜索范围。 或CSS将UL LI转换为树。
导航菜单主要使用UL和LI的组合创建。
- Home
- Links
并且您可以在LI元素中插入UL，从而获得用于导航的树结构。
如果你不想自己写一个，这是一个简单的方法。
您可能想要查看一些为您构建菜单的在线工具。 例如CSS菜单生成器
您可以使用JavaScript生成菜单 – 例如，查看插件jQuery – 菜单树 。
我不确定你是否会找到你的答案，但这里有一个包含几种不同类型的垂直菜单的列表http://css.maxdesign.com.au/listamatic2/index.htm这些例子中没有javascript参与