上一篇经验，小编介绍了一下点击展开的下拉菜单效果，今天教大家使用Axure制作悬停展开的下拉菜单效果，详细步骤如下。工具/原料more电脑Axure方法/步骤1/9分步阅读

打开Axure，今天教大家使用Axure制作悬停展开的下拉菜单效果，如下图所示。

2/9

首先我们在元件库中拖入本次要使用的元件，到工作台上，如下图所示。

3/9

然后将元件的颜色和大小进行调整，最终形成下面的按钮形状，如下图所示。

4/9

同样，我们在制作一个下拉菜单的动态面板，并命名，如下图所示。

5/9

然后我们给下拉菜单中及按钮做一些样式的交互，比如悬停和点击时的颜色及效果等，如下图所示。

6/9

最后我们再给元件加交互事件，如下图所示。

7/9

好了，所有工作准备完成，f5预览看一下效果，如下图所示。

8/9

当鼠标悬停在按钮上，此时下拉菜单就会显示出来，如下图所示。

9/9

更多Axure实用经验，持续更新，欢迎关注小编来学习。

注意事项

注意元件的命名

另外颜色和效果自己可以随意调整

有问题关注小编来互动

操作系统AXURE