如下图：

线上效果图，查看：

制定方法1.菜单制作

菜单制作

2.子菜单制作

制作子菜单，使用基本元件：动态面板，并设置动态面板名称，进入动态面板。

子菜单制作

进入动态面板添加子菜单名称，可针对每个子菜单添加交互，如跳转链接，鼠标移上去字段交互等。

子菜单制作

3.菜单交互

回到index页面，针对一级菜单添加交互，当鼠标移入时显示菜单一并向下滑动，时间动画300s。

一级菜单交互

针对二级菜单添加交互，当鼠标移出时隐藏菜单一并向上滑动，时间动画300s。

子菜单交互

4.热区添加

在菜单边加上热区交互，即可实现上述效果。

热区交互

本文由@五百英里原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议