网站的Apple Style Breakdown菜单

Question

这可能听起来像一个noob问题，但我试图设计一个网站，以便于查找AOSP（Android）资源。我有网站preety很多完整的休息，但我一直在试图永远实现一个主要特征是这样的http://www.insanelymac.com/osx86db/search?category=4

比如Mac上的细目菜单。我不知道技术术语，因为我没有Mac，但你知道我的意思。我通过源代码进行了检查，显然他们使用的是MooTools（moo.js），但我无法在页面上的任何位置找到脚本调用的内容。我很确定它是AJAX，但帮助我如何在我的网站上实现这一点将是有用的

Answer 1

是的，它可以用MOO工具和Ajax完成..但在我看来，你不会我不知道该问什么。如果你说“我认为它是Ajax”这样的东西，你显然缺乏写这个的经验。如果您正在开发这样的网站，您应该至少能够使用FireBug或Chrome的开发人员工具等工具来实际查看是否以及何时执行Ajax请求。

我认为你应该开始简单，没有JavaScript。添加一个可点击的链接列表，让过滤器更进一步。

当你点击链接时，你显然会得到一个新的页面。这是相同的页面，但具有指定所选项目的特定参数。这样，你可以得到整个结构在非JavaScript纯文本浏览器中工作。

因此，您可以将链接设置为类似于这些按钮的样式。

之后，您可以添加javascript来捕获链接的onclick。当你捕捉到这样的事件时，你可以使用Ajax加载部分页面，而不是刷新整个页面。

如果您按照以下步骤操作，您将有一个可在任何浏览器中工作的网站，和，您会发现逐步开发此类解决方案更容易，而不是一次试图掌握整个过程。

Answer 2

有很多脚本可以做到这一点。这是一个使用JQuery的例子

http://flexcoder.org/p/jquery-finder-like-menu-11431