axure怎么制作鼠标悬停原图与缩略图切换效果?
百度经验 发布时间:2019-05-15 09:05:29 作者:hbthing
我要评论
axure怎么制作鼠标悬停原图与缩略图切换效果?axure中想要制作一个鼠标放在缩略图上,缩略图显示成原图,鼠标移走原图就切换成缩略图,该怎么实现这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
axure中想要设计原图与缩略图切换效果高保真效果,该怎么设置这个效果呢?下面我们就来看看详细的教程。
1、打开axure工具

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


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


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

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


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


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

Axure RP 8.1企业版汉化破解安装授权图文详细教程(附注册授权码)
Axure RP 8.1是一款功能非常强大的专业原型设计工具,那么,Axure RP 8.1怎么安装?以及Axure RP 8.1如何汉化破解呢?对此,本文就为大家带来了Axure RP 8.1企业版汉化破解2018-06-12
Axure怎么绘制流程图?Axure中想要画一个流程图,该怎么画流程图呢?下面我们就来看看Axure画流程图的教程,需要的朋友可以参考下2018-05-30
Axure流程图怎么添加连接线?Axure中绘制的流程图需要添加连接线,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-05-24
AxureRP怎么制作草图/页面效果? Axure页面草图设置方法
AxureRP怎么制作草图/页面效果?Axure中想要制作一个页面效果,该怎么制作呢?下面我们就来看看Axure页面草图设置方法,需要的朋友可以参考下2018-05-07
axure怎么使用Icons图标组件设计UI?axure中自带了很多图标组件,该怎么直接调用这些组件图标设计ui呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-03-27
Axure RP 8怎么设计有漂亮图标的树状菜单?Axure中设计的树状菜单为了更美观,想要添加漂亮的图标,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-03-19
Axure RP 8怎么设置点击事件改变图片?Axure RP 8中想要实现鼠标在不同状态显示不同的图片,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-23
Axure RP 8怎么画简单的心形图案?Axure RP 8中自带了很多图案,想要绘制心形图案,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-22
Axure RP 8怎么模拟手机界面显示应用图标的效果?Axure RP 8中想要设计一个手机屏幕显示应用图标的效果,该怎么绘制这种界面呢?下面我们就来看看详细的教程,需要的朋友可2018-01-17
Axure RP 8怎么使用按钮控制图片的显示或隐藏?Axure中想要制作单击按钮触发图片显示出来的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-15













最新评论