axure鼠标经过显示图片效果如何做

 时间:2024-10-15 17:05:38

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做

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

axure鼠标经过显示图片效果如何做
  • Axure rp如何制作交互效果?
  • Axure 8.0中怎么制作手机上下滑动效果
  • axure中如何设置鼠标按下时矩形变色效果制作
  • axure中如何设置点击文字时更改文字颜色
  • Axure怎么实现鼠标点击图形变色的效果
  • 热门搜索
    我爱中华手抄报 劳动节手抄报简单一点 关于童年的手抄报 文明礼仪手抄报名言 获奖手抄报 遨游汉字王国的手抄报 国庆手抄报简单 推广普通话手抄报内容 弘扬民族精神手抄报 感恩手抄报资料