欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

程序员文章站 2022-04-16 16:56:01
axure怎么制作弹窗效果? axure图片弹出效果的制作方法...

在日常网页设计中,经常会看到各种弹窗、或者报警效果,该怎么制作弹窗效果呢?下面我们就来看看详细的教程。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

1、首先我们打开软件在原件库中选择“按钮”原件,然后把按钮原件拖入到画布中(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

2、在原件库中选择一个弹出原件,这里选择“图片”原件举例,选择后拖入到画布中(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

3、选中刚才拖入的图片原件,鼠标右键在弹出的对话框中选择“设为隐藏”(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

4、选中按钮,在上角“属性”中选择“鼠标单击时”(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

5、点击完成后,在弹出的对话框中依次选择“显示”、“图片”,在更多选项中选择“灯箱效果”,然后点击“确定”完成(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

6、设置完成后点击“预览”效果如图表示制作完成(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

总结:

1、拖入按钮

2、拖入弹出元素

3、把弹出元素设为隐藏

4、设置鼠标单击属性

5、设置鼠标点击参数

6、完成

以上就是axure图片弹出效果的制作方法,希望大家喜欢,请继续关注。