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

 时间:2026-04-26 20:22:49

1、打开axure工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 插入特定U盘才能启动系统
  • 公司宣传文案撰写的5个步骤
  • 发动机故障灯亮怎么办
  • 以教育为主题的手抄报内容
  • 麻辣鲜香的砂锅面
  • 热门搜索
    肾结石怎么治疗 憋不住尿是怎么回事 微波炉怎么蒸鸡蛋 怎么去痣 牙缝过大怎么办 鸡怎么做 鼻塞怎么通 后背疼怎么回事 手上长小水泡怎么回事 银行余额调节表怎么做