4

我有一个为客户创建的应用程序，该应用程序在某些时候有 6 个导航级别。基本上我们的用户想要从导航中选择一个项目。这将导致另一组导航，这将导致另一组导航，依此类推，直到您深入了解导航属性的 6 级。

有些菜单项没有那么远，有些实际上没有子菜单。

为了使事情变得更加复杂，一些链接需要描述链接导致的报告。这里需要注意的是，一些描述长达 15 行，基本上是巨大的文本段落。

我已经尝试过悬停打开子菜单，但是当你下降到第六级时，如果你将鼠标移动得太多，你就会重新进入并再次将它们树出。

我尝试了 twitter bootstrap 中的手风琴方法，但这不起作用，因为在 6 级菜单上，大部分导航都被推离了页面。

我尝试使用 XML 填充下拉列表，基本上用户将单击链接，并且“子链接”将出现在带有下拉列表的部分视图中。这种情况一直持续到你处于最低水平。问题是我用完 6 个下拉列表和描述的屏幕空间。

有人对我可以用这样的应用程序做什么有什么建议吗？

4

1 回答 1

9

向下钻取菜单 - iPod 风格

一个简单的解决方案是永远不要使用 CSS 样式一次显示一个或多个嵌套，您可以使用许多菜单来实现这一点，而我之前在涉及大量嵌套菜单的设计中使用的一个示例是使用 iPod菜单样式。看看你自己，显示尽可能多的巢，同时保持一切易于使用，看起来也很酷。

您可以在此处在线查看源代码和其他演示：jQuery iPod 样式和弹出菜单，如果您使用 WordPress，那么这已经被移植到此处。另外值得注意的是，您可以在页面上使用相同的许多菜单，因此当您查看演示时，是的，您会看到一个有效的下拉菜单，但是您可以在“菜单栏”中同时使用许多菜单，这非常适合这个情况。

下钻菜单的更多示例

于 2013-03-14T18:30:54.737 回答