Axure实现通知栏消息滚动显示

 时间:2024-10-14 08:56:51

1、创建一个新的文档

Axure实现通知栏消息滚动显示

3、打开动态面板,设置2个状态:起始状态和结束状态。 2个状态里面的内容都一样。

Axure实现通知栏消息滚动显示

4、我们的目的是让 文本框 从右侧进入,左侧退出,循环往复。所以,首先要把文本标签从右至左,移出动态面板的区域,移动时间为20000ms。

Axure实现通知栏消息滚动显示

5、然后移动当前文本标签回到原位置,并设置选中状态为:未选中。结束状态的标签 跟 起始状态的标签 一样设置。

Axure实现通知栏消息滚动显示

6、第五步: 要设置动态面板的交互,“载入时”循环切换 面板状态,时间为20000ms,跟文本标签的移动时间保持一致。

Axure实现通知栏消息滚动显示Axure实现通知栏消息滚动显示

9、最后,预览 HTML 页面,就能看到循环移动的文本了。

Axure实现通知栏消息滚动显示
  • PS中如何添加网格背景?
  • vue中条件语句的使用方法
  • Photoshop教程——消失点的使用
  • PS制烽烧焦老照片效果
  • Unity 实用教程 之 背景音乐和音效的管理模板
  • 热门搜索
    贵州旅游资源 品途旅游网 2月底适合去哪里旅游 佛山旅游攻略 东营旅游景点 无锡旅游公司 欧洲旅游线路 太原周边旅游景点 安徽省旅游网 香港旅游局