Axure设计鼠标悬停下拉菜单显示特效的详细操作方法

作者:wangxixi 发布时间:2019年06月27日 361次
Axure RP Pro

Axure RP Pro

      你们的工作中是不是也需要使用Axure呢?但是你们知道Axure如何设计鼠标悬停下拉菜单显示特效吗?下文就为你们带来了Axure设计鼠标悬停下拉菜单显示特效的详细操作方法。

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

1.png

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

2.png

      接着我我们将元件的颜色和大小进行调整,最终形成下面的按钮形状,如下图所示。

3.png

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

4.png

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

5.png

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

6.png

      这时候所有工作准备完成,f5预览看一下效果,如下图所示。

77.jpg

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

88.jpg

      相信你们看完了上文讲解的Axure设计鼠标悬停下拉菜单显示特效的详细操作方法,应该都学会了吧!

Axure RP Pro

Axure RP Pro

相关阅读

换一换

热门教程

换一换

本周热门

装机必备

更多
人气飙升 时下最热 品质好游