Axure如何实现移动效果

 时间:2024-10-20 15:55:53

在很多web的网页当中,经常会看到,在导航栏下方有一个条,当点击下一个选项的时候,那个滚动条就会自动移动到该条目之下,那么这个效果如何是用Axure来进行实现呢?

Axure如何实现移动效果Axure如何实现移动效果

二、编辑事件

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

Axure如何实现移动效果

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

Axure如何实现移动效果Axure如何实现移动效果Axure如何实现移动效果

三、测试

1、选择预览之后,我们可以看到,当选择某一个按钮的时候,该按钮颜色就会变成交互设置的颜色,矩形条相应的会移动到该矩形条目之下。

Axure如何实现移动效果
  • Axure如何实现列表滚动效果
  • axure图标固定于浏览器某处,鼠标移入弹出
  • Axure rp如何制作交互效果?
  • Axure设计:简单的图片细节局部放大
  • AxureRP如何制作切换到其他页面的动作
  • 热门搜索
    始兴旅游景点大全 海南旅游必去景点 广东哪里旅游好玩 苏州东山旅游 齐齐哈尔旅游景点大全 国内旅游哪里好玩 南岳旅游网 赤峰旅游景点大全 长春 旅游 深圳附近的旅游景点