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

2024-11-09 00:56:31

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、完成

猜你喜欢