Axure9制作简单轮播图(内含操作动图)———详细教程

  • 首先拖入一个动态面板,调整好大小。在这里插入图片描述
  • 双击选中动态面板——点击上方建立三个state(注意想要轮播几张图就建立几个state,)我这里建立三个state——双击重命名。分别命名为“树” “小桥” “天空”。
    在这里插入图片描述
  • 选中第一个状态“树”,将元件图片拖入动态面板内——调整图片大小——双击图片,点击要显示的图片,点击确定。
    这样图片成功在轮播图内显示。以同样的方法切换状态为“小桥”,上传图片,把三个状态里面都上传好图片。
    在这里插入图片描述
  • 关闭动态面板,单击选中动态面板——点击右侧的交互,“新建交互”——选中“onpageload(载入时)”——选择“setPalne state(设置面板状态)”——“当前元件”——状态更改为“下一项”——勾选“向后循环”——点击“更多选项”——勾选“循环间隔1000毫秒”——“确定”
    在这里插入图片描述
    最后点击右上方绿色符号预览效果 在这里插入图片描述
    预览效果如图所示
    在这里插入图片描述
    为了美观可以在轮播的时候加入滑动效果,仍然选中动态面板——点击刚刚创建好的交互区域——将进入动画更改为“向右滑动”
    在这里插入图片描述
    更改后的效果
    在这里插入图片描述
    朋友们自己动手试一试吧
  • 14
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值