欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-05-15 19:16:19
axure怎么制作鼠标悬停原图与缩略图切换效果?...

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

1、打开axure工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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