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

Axure如何制作跑马灯效果

时间:2024-10-13 09:37:11

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

Axure如何制作跑马灯效果

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

Axure如何制作跑马灯效果

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

Axure如何制作跑马灯效果

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

Axure如何制作跑马灯效果

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

Axure如何制作跑马灯效果

6、预览结果,实现了跑马灯效果。如图

Axure如何制作跑马灯效果
© 手抄报圈