axure鼠标经过显示图片效果教程

时间:2024-10-12 06:26:46

1、一、首先我们打开软件,在元件库中选择文本标签并拖入到画布中(如图)。

axure鼠标经过显示图片效果教程

2、二、在元件库中选择图片元件,拖入到文字下方。(如图)。

axure鼠标经过显示图片效果教程

3、三、选中刚才拖入的图片元件,鼠标右键设为隐藏(如图)

axure鼠标经过显示图片效果教程

4、四、选择文字后,在右上角属性栏中选择鼠标移入时(如图)。

axure鼠标经过显示图片效果教程

5、五、在弹出的对话框中选择显示,并在配置动作中选择刚才隐藏的图片元件。动画选择逐渐,然后点击确定(如图)。

axure鼠标经过显示图片效果教程

6、六、右上角找到属性栏,并选择鼠标移出时为鼠标设置移出消失的效果(如图)。

axure鼠标经过显示图片效果教程

7、七、在弹出的对话框中选择隐藏,并在配置动作中选择图片元件,然后点击确定。

axure鼠标经过显示图片效果教程

8、八、保存文件,在浏览器中预览,鼠标经过显示,移出消失的效果制作完成。

axure鼠标经过显示图片效果教程
© 手抄报圈