網站的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