创立简略的直线时间线动画

时间线经由过程在差别的时间改动层的位置、大小、可见性和叠放递次等来创立动画。时间线不克不及直接控制页面中的对象，它控制的是放置这些对象的层，若是要使图象、文本等对象发活泼画成效，必需将其置于层中。
下面咱们创立一个最简略的时间线动画，以对时间线有一个最根本的理解。
1.设计方针
建立一个做直线运动的时间线动画。

2.素材筹备
网页中需求用到当地站点image文件夹下的两个图象文件:ing8_1.jpg，img8-2gif.illi!注明
为网页增加背景图象的要领以下:按ctrl+j键，在弹出的"page properties"对话框中，单击"background image"栏旁的"browse" 按钮，从弹出的"select irmage source"对话框中，选择image 目次下的img8-1jpg文件，单击"select'按钮，回到"page properties"对话框后，单击"ok"按钮。

3.实现步调
(1) 在页面中增加一个新层，在层中插入图象 ing8-2，gif，而后将层移动到动画的肇端位置。

(2) 在菜单栏当选择" window" → "timelines"号令翻开时间线面板(若是时间线面板已翻开这一步可省略)。
(3) 选摘要创立动画的层。
(4) 单击时间线面板中的弹出菜单按钮上，在弹出的菜单当选择"add object (增加对象)"或用鼠标拖动图层到时间线的第一帧处。

(5) 当第一次在时间线中增加对象时，会弹出提示框，通知你可以改动该层 的大小、位置、层递次以及可见性。单击“ok"按钮，这时候在时间 线中将泛起一个紫色动画条，动画条中 显示了层的名称，如图所示。
(6) 单击动画条尾部的关键帧位置(注重播放头也随着移动到该处)，将动画层移动到动画完毕的位置，这时候从动画肇端位置到完毕位置有一条线显示，这就是层的运动轨迹，如图所示。
(7) 按播放按钮，可直接在网页中预览时间线动画。
(8) 若是想在阅读器中预览动画成效，则应进行以下配置:
① 选中"autoplay"复选框，不然阅读器中 的动画是不会自动播放的；
② 逃选中"loop"复选框，不然动画在阅读器中只播放一次；
③ 预览网页，网页保留到网站制作当地站点的example文件夹下，文件名为ex8-1.htm。