如何处理深层嵌套导航菜单?

Rob*_*ert 4 html css navigation jquery

我有一个应用程序,我正在为一个客户创建,在某些点有6级导航.基本上我们的用户想要从导航中选择一个项目.这将导致另一组导航,这将导致另一组导航等等,直到你在导航属性深入6级.

有些菜单项没有那么远,有些实际上没有子菜单.

更复杂的是,某些链接需要描述链接所指向的报告.这里需要注意的是,有些描述是15行长,基本上是段落的大段文本.

我已经尝试过悬停打开子菜单但是当你下到第六级时,如果你移动你的鼠标头发太多你回去并再次将它们树木化.

我从twitter bootstrap尝试了手风琴方法但是没有用,因为在6级菜单中大部分导航都被推离了页面.

我尝试使用XML来填充下拉列表,其中用户基本上会点击链接,"子链接"将出现在带有下拉列表的局部视图中.并一直持续到你处于最低水平.问题是我用完了6个下拉列表和描述的屏幕空间.

任何人都有任何关于我可以用这样的应用程序做什么的建议?

Sim*_*ter 9

深入菜单 - iPod风格

一个简单的解决方案是永远不要使用CSS样式一次显示一个或多个嵌套,有许多菜单可以实现这一点,并且只是我之前在我的设计中使用的一些示例,涉及大量嵌套菜单使用iPod菜单的风格.快来看看自己,显示尽可能多的巢穴,只要你喜欢,同时使一切易于使用,看起来很酷.

您可以在这里查看源代码和其他演示:jQuery iPod风格和弹出菜单,如果您使用的是WordPress,那么此处已经移植到此处.此外值得注意的是,您可以在页面上运行相同的菜单,因此当您查看演示时,您会看到一个下拉有效,但您可以让许多人在彼此相邻的"菜单栏"中工作,这非常适合这个情况.

更多深入菜单示例