axure怎么制作鼠标悬停原图与缩略图切换效果?

axure中想要设计原图与缩略图切换效果高保真效果,该怎么设置这个效果呢?下面我们就来看看详细的教程。

软件名称:
Axure RP v8.1.0.3382 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
83.2MB
更新时间:
2019-04-26

1、打开axure工具

axure怎么制作鼠标悬停原图与缩略图切换效果?_第1张图片

2、从左侧控件库中找到占位符拖入工作区(此例是以占位符代替图片),调整大小,此大小为缩略图大小

axure怎么制作鼠标悬停原图与缩略图切换效果?_第2张图片

axure怎么制作鼠标悬停原图与缩略图切换效果?_第3张图片

3、右侧找到属性中的找到鼠标移入时事件并双击,在弹出的窗体中左侧找到“设置尺寸”,右侧勾选“占位符”,右下侧对宽高值进行设置。设置的值要比缩略图的值大。锚点根据实际情况选择。

axure怎么制作鼠标悬停原图与缩略图切换效果?_第4张图片

axure怎么制作鼠标悬停原图与缩略图切换效果?_第5张图片

4、确定后完成设置。此时鼠标移入时会变大,但不能变回原大小

axure怎么制作鼠标悬停原图与缩略图切换效果?_第6张图片

5、此时,再在事件中找到鼠标移出时事件,进行相应设置,即鼠标移出时,让期变成原来大小。

axure怎么制作鼠标悬停原图与缩略图切换效果?_第7张图片

axure怎么制作鼠标悬停原图与缩略图切换效果?_第8张图片

6、确定后完成设计,按F5可以在浏览器中查看。

axure怎么制作鼠标悬停原图与缩略图切换效果?_第9张图片

axure怎么制作鼠标悬停原图与缩略图切换效果?_第10张图片

以上就是axure制作鼠标悬停原图与缩略图切换效果的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP8怎么快速导入图片?

axure怎么实现多张图片同区域左右滑动显示效果?

Axure多个图形怎么合并? Axure合并图形的技巧

你可能感兴趣的:(axure怎么制作鼠标悬停原图与缩略图切换效果?)