axure鼠标经过显示图片效果怎么做?

2026-04-02 03:21:39

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

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

axure鼠标经过显示图片效果怎么做?

9、总结

1、选择鼠标经过元件

2、选择鼠标经过显示元件

3、把鼠标经过元件设为隐藏

4、添加鼠标移入事件

5、设置移入参数

6、添加鼠标移出事件

7、设置移出参数

8、完成

猜你喜欢