Axure如何制作跑马灯效果

在社交网站中，跑马灯的应用可以让非常重要的信息提示给用户，是一个非常受欢迎的功能。在Axure中，也能制作出这种效果。那么，Axure如何制作跑马灯效果呢？本文就由小编带大家了解一下，一起来看看吧~

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 10

方法/步骤

1.打开Axure，拖入一个【矩形】元件，设置元件【名称】为“跑马灯”，【文本颜色】为红色。记住元件的y值为39，如图

2.设置文本框的边框为【无边框】，然后输入跑马灯内容，内容尽量写长点，可重复。如图

3.准备两个【矩形】框做为遮罩，放跑马灯元件左右，如图

4.选择页面的交互动作【页面载入时】，如图

5.设置页面载入时的交互为【移动】跑马灯元件到绝对位置【-150，39】，选择【缓慢进入】，时间为3000毫秒。如图

6.预览结果，实现了跑马灯效果。如图

总结：

1.打开Axure，拖入一个【矩形】元件；

2.设置文本框的边框为【无边框】，然后输入跑马灯内容；

3.准备两个【矩形】框做为遮罩，放跑马灯元件左右；

4.选择页面的交互动作【页面载入时】；

5.设置页面载入时的交互为【移动】跑马灯元件到绝对位置【-150，39】，选择【缓慢进入】，时间为3000毫秒；

6.预览结果，实现了跑马灯效果。

注意事项

Tips:在制作跑马灯交互的移动时，左右移动要注意元件的y值不变，x值变动。