江苏龙网

  1. 首页 > 资讯 > 科技 > >

「」Axure 9 教程：如何做跑马灯广告、弹幕( 二 )


鼠标移入时暂停播放 ， 移出时自动播放 。
所需元件：1个动态面板（控制文本显示区域） ， 内含1个文字动态面板 。
「」Axure 9 教程：如何做跑马灯广告、弹幕
本文插图

条件设置：

  1. 引入全局变量赋1 ， 控制是否暂停；（新增） 统一鼠标移入为0 ， 移出为1 。
  2. 添加页面[载入时]用例并设置载入循环(同上) ， 条件：变量值和文本面板是否全部移出 。
  3. 调置动态面板移出时用例 ， 将该元件移至最后 。
  4. 为每个文字添加[移入移出]用例 ， 并赋变量值；设置单击时跳转链接（新增）
操作步骤：
第1步：新建全局变量并赋值 ， 也可用局部变量 。
「」Axure 9 教程：如何做跑马灯广告、弹幕
本文插图

第2步：页面载入时移动多文本动态面板 ， 设置变量值为1且未完全移出时移动文字动态面板 ， 如下 。我这个axure版本有问题条件设置时不能设置&语句 ， 注意看第2种情形是或者 。
「」Axure 9 教程：如何做跑马灯广告、弹幕
本文插图

第3步：为每个文字动态面板设置[移动时]用例 ， 如下 。
「」Axure 9 教程：如何做跑马灯广告、弹幕
本文插图

第4步：为单独每个文字部件单独添加用例 。
「」Axure 9 教程：如何做跑马灯广告、弹幕
本文插图

本文由 @流素 原创发布于人人都是产品经理 。 未经许可 ， 禁止转载
题图来自Unsplash ， 基于CC0协议


推荐阅读


上一篇：【】用手机实现高精度人脸建模：算法修复缺失数据，效果堪比专业设备

下一篇：@产品经理：3W1H分析法，教你写好上线邮件