h5页面设计使用教程:动画时序设置.docxVIP

  • 10
  • 0
  • 约1.52千字
  • 约 8页
  • 2019-09-08 发布于江苏
  • 举报

h5页面设计使用教程:动画时序设置.docx

动画时序,简单来讲就是动画或动画组执行的先后顺序,一般是两个及其以上,为了方便大家理解,在这里,从简单的2个动画到多个动画及动画组,为大家讲解。 一、用出现方式控制动画时序: 1.两个动画先后执行: 如图,在画面中添加了一张小人图片,并给小人添加了两个动画,默认不修改任何设置。 若想实现动画1执行完动画2执行,要给动画2设置出现方式,设置如下: 1.选择图片——2.找到动画——3.第二个动画点击编辑符号——4.动画属性设置面板选择出现方式:上一个之后开始,橙色对号确认设置。 2.两个动画一起执行: 只需要把刚才动画2设置的出现方式改为:和上一个一起开始,即和上一个动画一起执行播放。 二、用等待触发器触发控制时序 以上两种动画时序也可以通过给动画设置动画触发器的方式,通过选择是否勾选来设置: 1.两个动画先后执行 打开动画2的动画属性设置面板,勾选等待触发器触发; 打开动画1的动画属性设置面板,设置动画触发器——动画结束时——点击+号添加播放动画选择动画2,如图: 2.两个动画一起执行: 打开动画2的动画属性设置面板,勾选等待触发器触发; 打开动画1的动画属性设置面板,设置动画触发器——动画开始时——动画2播放,如图: 三、用延迟时间控制时序 1.两个动画先后执行 动画1的持续时间默认是1秒,我们不做改动; 打开动画2的动画属性设置面板,选择出现方式是:和上一个一起开始;即动画1、动

文档评论(0)

1亿VIP精品文档

相关文档