我們經(jīng)常會在不同的網(wǎng)站和產(chǎn)品看到滑動導(dǎo)航菜單的應(yīng)用，這類使用最大的好處就是可以在同一時間只顯示一塊菜單區(qū)域，將其他按鈕都收縮隱藏起來。節(jié)約了空間不說，同時效果也十分出色。

【滑動導(dǎo)航菜單的分類】

1.卡片堆：

a.用在聊天軟件上，作為好友分組。最典型如qq，旺旺，msn等。

b.用在幫助中心分類里。

n久版的qq好友分組，很經(jīng)典的應(yīng)用

淘寶幫助中心

2.標(biāo)簽分類：

a.蘋果網(wǎng)站的軟件下載分類

b.visualthesaurus網(wǎng)站的詞性分類

3.作為標(biāo)題

alex cohaniuc （www.alexcohaniuc.com）的滑動導(dǎo)航菜單設(shè)計的很好。把作品項目藏到滑動導(dǎo)航菜單里是的做法其實(shí)挺有道理的，因?yàn)檫@能把每個項目的不必要信息隱藏起來，等訪客有需要的時候再顯示。說這項設(shè)計好是因?yàn)椋阂唬繅K畫布的標(biāo)題都很大，很好點(diǎn)擊；二，每塊標(biāo)簽卡都使用了一個小箭頭來反映開合狀態(tài)；三，鼠標(biāo)滑過時，當(dāng)前標(biāo)簽卡有將它區(qū)分出來的不同背景色。

marius roosendaal （www.mariusroosendaal.com）使用另一個非常漂亮的滑動導(dǎo)航菜單來“儲藏”他的作品圖像。與上面例子一樣，每一個內(nèi)容區(qū)塊都是一個項目的展示。不過，此例的滑動導(dǎo)航菜單里的每個圖像還附加有一些文字介紹。你能注意到一個小按鈕被用來顯示/隱藏介紹。他同時也提供到更詳細(xì)介紹或者更大預(yù)覽圖的鏈接。在一個小小的滑動導(dǎo)航菜單里當(dāng)然不能塞進(jìn)特別特別多的信息，所以如果可以的話，還是盡量給每個項目都加上到詳細(xì)內(nèi)容的鏈接吧。

4.用于全局導(dǎo)航

polargold（www.polargold.de/#agentur）網(wǎng)站很新穎的將滑動導(dǎo)航菜單效果用于全站的導(dǎo)航，點(diǎn)擊每一個字母標(biāo)題都展現(xiàn)該系列下的人名和作品。視覺形式上也打破了傳統(tǒng)的滑動導(dǎo)航菜單的塊狀模式，看上去清晰而活潑。

5.用于流程引導(dǎo)

grooveshark （listen.grooveshark.com）整個站點(diǎn)的每一個頁面中，這個漂亮的登錄窗口都觸手可及。注意，點(diǎn)擊登錄（ lodin> ）按鈕后并不會載入一個新頁面，而是直接把注冊表單替換成了登錄表單（使用了滑動導(dǎo)航菜單效果）。非常方便，非常友好的用戶界面。我覺的這可以算是滑動導(dǎo)航菜單的變體使用。