是下拉列表,悬停菜单,子“飞出”菜单等等......
我的网站有一个很大的U.S. military bases in the world列表。该列表实际上包含网站尚未激活的基础。当您将鼠标悬停在顶部的“选择基座[悬停]”文本时,活动窗体会显示在悬停菜单中。
如您所见,它目前是一个带有“飞出”子菜单的菜单。我担心随着越来越多的基地被激活,该菜单将不会很好地支持它。
除了一个超级下拉菜单,我正在填补空白,以支持这一点。有哪些类型的有效菜单可以很好地支持这种情况?基于jQuery也很好。
答案 0 :(得分:5)
其他答案都很好,但都会对人们的搜索方式做出假设。考虑它的最佳方式是:您的用户将如何考虑基础?
只要想一想你的用户的想法,以及你见过的最接近的匹配,然后找到实现它的方法。
答案 1 :(得分:1)
对于那么多的数据,我会去一个带有针对每个基本位置的可视化地图 - 用户可以更直观地找到他们想要的内容,并提供一种有趣的方式来可视化数据。
Google Charts API为创建地图图表提供了一个很好的起点: http://code.google.com/apis/chart/docs/gallery/new_map_charts.html
答案 2 :(得分:1)
在这种情况下,可能无法使用菜单。更好的想法是在下拉列表中放置顶级区域,当您点击该链接时,您将被发送到另一个具有更多本地基础的页面?
答案 3 :(得分:1)
有几种方法。如果你想保持你所拥有的结构,最合适的是有一个多级下拉菜单,所以第一个下拉菜单会显示美国/海外,当你将鼠标悬停在其中时,它会显示一个额外的菜单,根据您选择的国家或国家 - 然后显示该州或国家的基础。
这里有一个很好的例子:http://sandbox.scriptiny.com/dropdown-menu/index.html
标记非常简单,<ul>
内有<ul>
个。