手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

axure怎么实现banner滚动效果

时间:2024-10-12 03:29:07

1、打开软件后,我们在元件库中选择动态面板拖入到画布中(如图)

axure怎么实现banner滚动效果

2、右下角找到概要,选择动态面板。鼠标右键选择“复制状态”。这里复制了三个,您可以根据您要轮播的数量复制(如图)。

axure怎么实现banner滚动效果

3、双击复制的第一张面板,看到蓝色的框把准备的图片素材拖入到画布中蓝色框内,拖入完成后,分别为其他的面板添加图片(如图)。

axure怎么实现banner滚动效果

4、在页面右上角找到属性,并点击“页面载入”时(如图)。

axure怎么实现banner滚动效果

5、在弹出的对话框中选择“设置面板状态”、在配置动作中选中动态面板,选择状态为:“ne垓矗梅吒xt”,然后勾选向后循环,循环间隔为1000毫秒,进入和退出动画都为“逐渐”(如图)。

axure怎么实现banner滚动效果

6、完成查看效果(如图)。

axure怎么实现banner滚动效果

7、总结1、选择动态面板2、复制面板状态3、为面板添加素材4、选择页面载入时属性5、设置参数6、完成

© 手抄报圈