Axure原型工具如何制作文字滚动效果

时间:2024-10-12 16:06:38

1、首先新建一个空白页面,在工作台中拖一个动态面板,并将动态机制的名称修改一下,方便标记。

Axure原型工具如何制作文字滚动效果

2、进入到这个动态面板,并在这个动态面板里面再拖一个动态面板进来并命名,用于输入滚动的文字 。

Axure原型工具如何制作文字滚动效果

3、打开这个动态面板,在state1中输入文字,这个文字自己随便输入,根据自己实际情况来。

Axure原型工具如何制作文字滚动效果

4、同样的方法复制出更多的state,并将里面的信息修改调整一下。后面预览的时候能够看到效果。

Axure原型工具如何制作文字滚动效果

5、下面开始对动态面板设置属性事件了,这里我们做的是自动滚动,所以只需要做页面载入时的属性事件就好了,如下图所示,对载入时的事件进行设置。

Axure原型工具如何制作文字滚动效果

6、设置完成后,F5预览一下效果,等待一会,文字就开始滚动了,如果想让文字向右或向左滚动的话,只需要在载入时的事件中调整一下就可以了。

Axure原型工具如何制作文字滚动效果
© 手抄报圈