Axure中导航和滚动图片实例

本文将指导你如何在Axure中创建导航条的点击效果和图片滚动播放功能。首先,通过新建空白文件,设置矩形和标签制作导航条,并通过部件交互和注释配置鼠标悬停和点击效果。接着,利用动态面板和图层制作图片滚动播放,通过页面交互设置参数以实现自动滚动。预览效果以确保功能正常。

整合实例

#

1.导航条的点击效果

  1. 在Axure中新建空白文件(快捷键 ctrl + n)
  2. 矩形拉出导航条的长宽,填充好颜色。
  3. 标签写出导航条上的导航项.
  4. 设置鼠标悬停时,改变颜色.
    点击每个项目所在的标签 ,在属性中选择鼠标悬停时,设置字体颜色,并为每个项目取一个形状的名字(部件交互和注释中)

    用同样的方法设置项目的选中颜色。

  5. 在部件交互和注释中对每个项目设置鼠标点击时

    最后在浏览器中预览效果,(在做每个步骤的时候要随时浏览效果对照修改)

2.图片滚动播放

  1. 在Axure中新建空白文件(快捷键 ctrl + n)
  2. 用动态面板在版面上拉一块滚动图片放的位置
  3. 选中动态面板区域双击添加图层并且命名记得給整个动态面板命名
    这里写图片描述
    4.对每个图层编辑添加image
    这里写图片描述
    5.在页面交互中设置 ——页面载入时进行编辑 设置参数如图
    这里写图片描述
    设置完毕结合预览查看修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值