有哪些有效的方法可以向用户显示大量数据?

时间:2011-02-25 08:29:13

标签: jquery css list menu

是下拉列表,悬停菜单,子“飞出”菜单等等......

我的网站有一个很大的U.S. military bases in the world列表。该列表实际上包含网站尚未激活的基础。当您将鼠标悬停在顶部的“选择基座[悬停]”文本时,活动窗体会显示在悬停菜单中。

如您所见,它目前是一个带有“飞出”子菜单的菜单。我担心随着越来越多的基地被激活,该菜单将不会很好地支持它。

除了一个超级下拉菜单,我正在填补空白,以支持这一点。有哪些类型的有效菜单可以很好地支持这种情况?基于jQuery也很好。

4 个答案:

答案 0 :(得分:5)

其他答案都很好,但都会对人们的搜索方式做出假设。考虑它的最佳方式是:您的用户将如何考虑基础?

  • 他们可能知道他们想要的确切基数吗? (使用像jquery autocomplete这样的文本搜索)
  • 他们是否可能大致了解地理位置? (使用地图)
  • 他们是否知道姓名中的州/国家? (使用分类列表)

只要想一想你的用户的想法,以及你见过的最接近的匹配,然后找到实现它的方法。

答案 1 :(得分:1)

对于那么多的数据,我会去一个带有针对每个基本位置的可视化地图 - 用户可以更直观地找到他们想要的内容,并提供一种有趣的方式来可视化数据。

Google Charts API为创建地图图表提供了一个很好的起点: http://code.google.com/apis/chart/docs/gallery/new_map_charts.html

答案 2 :(得分:1)

在这种情况下,可能无法使用菜单。更好的想法是在下拉列表中放置顶级区域,当您点击该链接时,您将被发送到另一个具有更多本地基础的页面?

答案 3 :(得分:1)

有几种方法。如果你想保持你所拥有的结构,最合适的是有一个多级下拉菜单,所以第一个下拉菜单会显示美国/海外,当你将鼠标悬停在其中时,它会显示一个额外的菜单,根据您选择的国家或国家 - 然后显示该州或国家的基础。

  • US
    • 阿拉巴马
      • Anniston Army Depot,AL
      • Fort Rucker,AL
      • ...
    • 阿拉斯加
    • ...
  • 国外
    • 巴林
    • 比利时
    • ...

这里有一个很好的例子:http://sandbox.scriptiny.com/dropdown-menu/index.html

标记非常简单,<ul>内有<ul>个。