导航栏菜单按钮 - 类型

菜单有三种类型可供选择：

1. 下拉菜单
2. 右侧弹出菜单
3. 左侧弹出菜单

切换菜单类型的步骤

双击导航栏symbol，进入编辑模式。选中「Navbar 导航栏」任意盒子。切换到「Settings 设置」面板。

找到「Menu type 菜单类型」，右侧可以看到下拉选单。

选单中有三个选项：「Drop Down 下拉菜单」，「Over Right 右侧弹出菜单」，「Over Left 左侧弹出菜单」。

下拉菜单

这是默认选项。点击菜单按钮后，导航链接会出现在下拉菜单中。导航链接会占据100%浏览器宽度。

点击「Open Menu 打开菜单」按钮，可以看到效果。

再点击预览，切换到平板电脑或者手机设备，观看效果。

右侧弹出菜单

选择这个选项后，菜单会从页面右侧弹出。菜单整体会占据100%浏览器高度。

点击预览，切换到平板电脑或者手机设备，观看效果。

左侧弹出菜单

这个选项与右侧弹出菜单类似，只是换到了左侧弹出。菜单整体会占据100%浏览器高度。

点击预览，切换到平板电脑或者手机设备，观看效果。

菜单渐变动画

你可以控制开启菜单和关闭菜单的动画时间和类型。

在「Menu type 菜单类型的下方」，可以看到「Easing open 渐变开启」，「Easing close 渐变关闭」和「Duration 动画时长」。保持「Easing open 渐变开启」和「Easing close 渐变关闭」的默认选项「ease」。更新「Duration 动画时长」为3000ms，就是3秒。

点击预览，切换到平板电脑或者手机设备，观看效果。

最后，我们暂时先恢复默认设置。