但是這樣設(shè)置只能在a標(biāo)簽被hover時才能出現(xiàn)下拉菜單，當(dāng)鼠標(biāo)離開a標(biāo)簽時，下拉菜單就會消失這樣不符合下拉菜單的要求所以我又設(shè)置了當(dāng)下拉菜單被hover時，下拉菜單也會從display轉(zhuǎn)變?yōu)閐isplayblock步驟方法 14 只要瀏覽網(wǎng)頁，都會接觸過下拉導(dǎo)航菜單，可以說下拉導(dǎo)航菜單是計算機(jī)一切應(yīng)用程序。

下拉導(dǎo)航還有一種變式，就是下來菜單中展示兩級甚至多級，一般在電商產(chǎn)品中比較常見，因為品類和篩選條件眾多#160 #160 #160 #160主要功能入口全部聚合在頁面，讓用戶做出選擇這樣的組織方式雖然無法讓用戶第一時間看到內(nèi)容或執(zhí)行操作，用戶的選擇壓力也比較大但卻能夠讓用戶整體上了解AP。

算是宮格式導(dǎo)航的一種，可以作為一級導(dǎo)航，也可以作為二級導(dǎo)航每個圖標(biāo)之間相互獨立，就如同我們手機(jī)桌面上的每一個APP一樣，他們所擁有的信息完全獨立，與相鄰的APP沒有任何關(guān)系內(nèi)容較多時，也會給用戶帶來一定的選擇困難，一般而言會作為二級導(dǎo)航使用最經(jīng)典的就是bilibili跟支付寶五下拉菜單式。

在我們的產(chǎn)品中，導(dǎo)航起到了舉足輕重的作用導(dǎo)航相信大家都不陌生，它可以讓我們知道“我現(xiàn)在在哪里”“我可以去哪里”“我怎么去目的地”在手機(jī)端里面，導(dǎo)航尤為重要 因為手機(jī)的尺寸問題，在設(shè)計手機(jī)網(wǎng)站或APP的時候，比起web端的需要考慮的更周全， 盡量保持簡約和易用性高 選項卡式tab。

下拉式菜單也會作為主導(dǎo)航出現(xiàn) 下圖是書中列出的一些只適合做次級導(dǎo)航的模式 例如頁面輪盤式圖片輪盤式和列表式中的行內(nèi)擴(kuò)展式，還有一些超級菜單式導(dǎo)航也被用作次級導(dǎo)航 一 跳板式導(dǎo)航 跳板式導(dǎo)航的特征是，登錄界面中的菜單選項就是進(jìn)入各個應(yīng)用的起點對操作系統(tǒng)并沒有特殊要求。