技术员联盟提供win764位系统下载,win10,win7,xp,装机纯净版,64位旗舰版,绿色软件,免费软件下载基地!

当前位置:主页 > 教程 > 软件教程 >

axure如何给文字设置跑马灯效果

来源:技术员联盟┆发布时间:2017-09-17 00:07┆点击:

  1、在page1页面,新建长为400,高为40的动态面板,设置名称为动态面板1

axure如何给文字设置跑马灯效果 三联

  2、双击该动态面板,新增动态面板状态State2

axure如何给文字设置跑马灯效果

  3、进入动态面板1的状态1:State1,添加背景色,对应的文字信息

axure如何给文字设置跑马灯效果

axure如何给文字设置跑马灯效果

  4、将动态面板1的状态1,进行复制,粘贴到状态State2中,修改对应的文字信息

axure如何给文字设置跑马灯效果

  5、返回page1页面,添加页面加载时触发事件,让动态面板1的状态不断切换循环,循环间隔设置为0s,这样看来文字就是不间断的向右移动

axure如何给文字设置跑马灯效果

axure如何给文字设置跑马灯效果

  6、喜欢的朋友可以试下效果,个人感觉这个方法能快速达到想要的效果,以下是移动时的截图

axure如何给文字设置跑马灯效果