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

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

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

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

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