当前位置: 首页 » 产品 » 母婴用品 » 正文

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

放大字体  缩小字体 发布日期: 2024-10-21 09:44   来源:http://www.baidu.com/  作者:无忧资讯  浏览次数:21
核心提示:  1、在page1页面,新建长为400,高为40的动态面板,设置名称为动态面板1  2、双击该动态面板,新增动态面板状态State2  3

  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如何给文字设置跑马灯效果

 
 
[ 产品搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 

 
推荐图文
推荐产品
点击排行
    行业协会  备案信息  可信网站