制作H5长页面的时候,可以使用“滑动时间轴”功能。
H5,即HTML5,是集文字、图片、音乐、视频、链接等多种形式的展示页面,丰富的控件、灵动的动画特效、强大的交互应用和数据分析,非常适合通过手机进行展示、分享。大多都应运在书信邀请函、产品宣传、企业形象宣传和招聘等。H5页面展示型属于图文型,常见的是翻页,多用于一些产品、功能、活动介绍、总结报告中。除了翻页以外,还有点击,输入文字,擦除屏幕,滑动屏幕等,玩法非常丰富。
1、首先在如图位置,用鼠标右击。点击新建合成组。
2、在弹出的面板中,设置下面的持续时间为三秒,点击确定。
3、然后在下面的面板中,鼠标右击,点击新建,选择固态层。
4、在弹出的固态层设置中,设置宽高为200px,选择颜色为黄色,点击确定。
5、下面我们已经建了一个固态层,点击键盘上的p键,调出位置功能。
6、点击位置前面的秒表。
7、然后拖动时间轴,在拖动上面的黄色方块。
8、这样一个简单的动画就做好了,点击右上角预览控制台中的播放按钮,就可以看见一个运动的黄色方块了。
是一个警告,脚本没有错误也会出现,只是提醒开发者:html5 canvas中,时间轴编号是从0开始。而在swf中,时间轴编号是从1开始。如:你在html5 canvas中,执行this.gotoAndStop(5),实际停在时间线的第4帧上,而在swf中,则停在时间线的第5帧上。