# Context Menu: 右键菜单界面

以展开状态显示的右键菜单，包含 Back、Reload、Save As... 和 Inspect，第二行处于高亮。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/context-menu

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-context-menu.mp4?v=7da11e5ac5

带四个操作和一个悬停行的右键菜单面板，可直接放在界面演示中的光标位置。

- 框架: Remotion
- 类别: 界面
- 时长: 5 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/context-menu

浅色右键菜单面板显示 Back、Reload、Save As... 和 Inspect 四个操作，Reload 处于高亮，就像指针正停在上面。模板会把这个展开状态保持四秒。在代码中，面板从点击位置所在的左上角展开，伴随淡入、放大和轻微上浮，各行可以悬停和按下。

您可以设置状态（展开或收起）和高亮的行，还可以调整播放速度和背景。适用于桌面或浏览器应用演示、讲解右键选项的教程、设计系统展示或界面导览。

## 适用场景

- 桌面与浏览器应用演示
- 右键操作教程
- 设计系统展示
- 界面导览

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Context Menu 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Context Menu 制作: https://remocn.dev