超级菜单 · Mega Menu
英文:Mega Menu
导航与切换难度:入门 ★
🗣️一句话大白话
点击主导航后展开大面积的多种类菜单,同时展示分类、子页面和精选内容。点击主导航后展开一个面积较大的多列菜单,可以同时展示分类、子页面和精选内容。
🎬真实场景
内容很多的网站、产品矩阵、资源中心、复杂作品分类
📮你可以这样说
「Punk 网站的 Work 导航项使用 Mega Menu, 展开后显示 Projects、Experiments、Resources 三列,并在右侧增加一个 Featured Project 预览; 菜单通过点击打开,不依赖 hover,支持键盘导航和 Esc 关闭,手机端改为 Accordion Menu。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:Mega Menu 越大越丰富。实际信息要分列组织且有精选内容,且必须点击打开而非 hover(移动端不可 hover)
🚫什么时候别用
- ✗导航项和层级很少时(杀鸡用牛刀)
🧩常见变体
多列 Mega Menu含精选内容的 Mega Menu
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系