使用Axure 8进行轮播图效果的设计

本文详细介绍了如何使用Axure 8设计一个轮播图效果。首先新建页面index并添加动态面板,然后在动态面板内创建三个状态分别代表不同图片。接着导入图片并设置左右箭头,通过复制粘贴方法快速填充其他状态的图片。在主页设置自动轮播脚本,并为左右箭头添加单击事件,实现点击箭头时切换轮播图状态。最后,完成的轮播图能够自动播放和手动导航。
摘要由CSDN通过智能技术生成

1. 新建页面index,拖取动态面板到首页在这里插入图片描述
2. 双击动态面板,添加三个状态,分别是State1、State2、State3。
在这里插入图片描述
3. 先打开State1,添加图片,选择自己喜欢的图片导入,添加左右箭头(命名为左、右)。
在这里插入图片描述
4. 打开state1,ctrlA全选,ctrlC复制,再打开state2和state3,ctrlV粘贴,将state2和state3的图片换掉即可。
在这里插入图片描述
5. 选中主页index,设置自动轮播脚本,先点击页面载入时,选择设置面板状态,勾中多选框,按照5设置,再点击最左侧的置于顶层,都设置完毕后,点击确定。在这里插入图片描述

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值