H5页面设计使用教程：触发动效 ／ 动画.docxVIP

案例讲解：如下图，当点击“放大出现”四个字时，上方的“icon图片”放大出现。 我们用两种方式来实现这个效果。 第一种，使用触发动效方式 1.因为icon只有当点击“放大出现“时才会显示，所以要将它设置为初始隐藏 2.给“放大出现”设置触发器－点击时 3.选择触发器行为－触发动效 4.选择要触发的元素“icon”，之后在设定动效处选择“放大” 5.设置动效参数，持续时间 最后点击?保存，触发动效的设置完成。 第二种，使用触发动画方式 这种方式不同于触发动效，我们需要先给icon添加一个“放大出现”动画 1.添加动画 因为要点击“放大出现”后动画才出现，所以触发状态是“等待触发器触发” 2.给“放大出现”设置触发器——“点击时”的触发器。跟触发动效的触发器一样，只不过这里选择的是“播放动画” 注意，画布上如果没有添加动画的元素，这里就会为空，所以之前一定要先给元素添加动画。 最后点击?保存，触发动画的设置完成。 HYPERLINK /hc/kb/article/19051/ \t _self 上一篇：动画效果详解 HYPERLINK /hc/kb/article/186100/ \t _self 下一篇：使用动画组 意派 HYPERLINK / \t _blank Epub360-专业H5设计工具 意派 HYPERLINK / \t _blank Coolsite360-专业响应