但是这样设置只能在a标签被hover时才能出现下拉菜单，当鼠标离开a标签时，下拉菜单就会消失这样不符合下拉菜单的要求所以我又设置了当下拉菜单被hover时，下拉菜单也会从display转变为displayblock步骤方法 14 只要浏览网页，都会接触过下拉导航菜单，可以说下拉导航菜单是计算机一切应用程序。

下拉导航还有一种变式，就是下来菜单中展示两级甚至多级，一般在电商产品中比较常见，因为品类和筛选条件众多#160 #160 #160 #160主要功能入口全部聚合在页面，让用户做出选择这样的组织方式虽然无法让用户第一时间看到内容或执行操作，用户的选择压力也比较大但却能够让用户整体上了解AP。

算是宫格式导航的一种，可以作为一级导航，也可以作为二级导航每个图标之间相互独立，就如同我们手机桌面上的每一个APP一样，他们所拥有的信息完全独立，与相邻的APP没有任何关系内容较多时，也会给用户带来一定的选择困难，一般而言会作为二级导航使用最经典的就是bilibili跟支付宝五下拉菜单式。

在我们的产品中，导航起到了举足轻重的作用导航相信大家都不陌生，它可以让我们知道“我现在在哪里”“我可以去哪里”“我怎么去目的地”在手机端里面，导航尤为重要 因为手机的尺寸问题，在设计手机网站或APP的时候，比起web端的需要考虑的更周全， 尽量保持简约和易用性高 选项卡式tab。

下拉式菜单也会作为主导航出现 下图是书中列出的一些只适合做次级导航的模式 例如页面轮盘式图片轮盘式和列表式中的行内扩展式，还有一些超级菜单式导航也被用作次级导航 一 跳板式导航 跳板式导航的特征是，登录界面中的菜单选项就是进入各个应用的起点对操作系统并没有特殊要求。