Axure如何实现移动效果?

 时间:2026-02-13 12:16:32

1、首先,我们在画布当中添加一个文本标签,将其改为网站首页,改好字体大小,使用Ctrl,拖动,复制出多个,并更换相应的文字。

Axure如何实现移动效果?

Axure如何实现移动效果?

2、在第一个文本的下方,画出一个长条矩形,调整大小,并设置其相应的样式,具体如下图所示。

Axure如何实现移动效果?

1、我们想要实现的效果是,当点击某一个选项的时候,改变他的颜色,并且矩形条移动到该选项的下方,所以,首先,我们需要对选项设置选中效果,将文字部分全选,然后右键,设置交互样式,选中,然后改变颜色。

Axure如何实现移动效果?

Axure如何实现移动效果?

2、交互样式设置好之后,还需要设置选项组名称,具体位置如下图所示,这里取名为菜单,矩形条取名为t。

Axure如何实现移动效果?

3、对网站首页的文本设置鼠标的单击事件,鼠标选中时,设置选中状态为ture,同时设置移动效果。

Axure如何实现移动效果?

Axure如何实现移动效果?

4、矩形条的移动效果需要设置函数,x轴,直接选择设置x,y轴需要选择设置target,y,进行选择设置即可,移动位置选择为绝对位置,动画设置为线性,时间为200毫秒即可。

Axure如何实现移动效果?

Axure如何实现移动效果?

5、第一个网站首页设置好了之后,后面的几个文本框可以直接复制网站首页的case即可。

Axure如何实现移动效果?

  • Axure如何实现列表滚动效果
  • axure图标固定于浏览器某处,鼠标移入弹出
  • Axure rp如何制作交互效果?
  • Axure设计:简单的图片细节局部放大
  • AxureRP如何制作切换到其他页面的动作
  • 热门搜索
    去台湾旅游需要什么手续 旅游管理专业介绍 盘锦旅游 韶山旅游攻略 合肥旅游汽车站 墨西哥旅游 陕西旅游集团 随州旅游 旅游帐篷 恩施旅游景点大全