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

时间:2019-06-27 11:46:14 作者: wangxixi
Axure RP Pro
软件大小: 34.9MB
更新时间: 2024-03-04 17:06:23
所属分类: 办公工具
查看详情

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

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

1.png

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

2.png

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

3.png

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

4.png

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

5.png

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

6.png

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

77.jpg

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

88.jpg

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

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

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

立即下载

Axure RP Pro