axure中怎样设计原图与缩略图切换效果

2025-06-03 18:45:30

1、打开axure工具

axure中怎样设计原图与缩略图切换效果

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

axure中怎样设计原图与缩略图切换效果
axure中怎样设计原图与缩略图切换效果

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

axure中怎样设计原图与缩略图切换效果
axure中怎样设计原图与缩略图切换效果

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

axure中怎样设计原图与缩略图切换效果

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

axure中怎样设计原图与缩略图切换效果
axure中怎样设计原图与缩略图切换效果

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

axure中怎样设计原图与缩略图切换效果
axure中怎样设计原图与缩略图切换效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢