第11课时间轴(6+6).pptVIP

示例 飞机空战 制作步骤。 1、准备几幅飞机图片。 2、在页面左侧（飞机的源位置）插入5个层，每个层中插入一幅飞机图像，选中层，右击在快捷菜单中选择“添加到时间轴”。 3、选中时间轴最后一帧，移动层到网页最右侧（飞机的目标位置）。 4、重复2、3步，低次为其他几幅图片做时间轴。 5、可根据需要在时间轴中加入关键帧，改变飞机图片的飞行轨迹。 要点：如想直接为图片拖动出不规则的运动轨迹，第2步可以不选择“添加到时间轴”，而在快捷菜单中选择“录制层路径”，然后在网页上拖动层自动产生相应的运动轨迹。 “时间轴”面板：用于创建时间轴 1、打开“时间轴”：窗口——时间轴（Alt+F9） 创建时间轴动画 1、用时间轴完成动画的直线运动： 1）插入层——层内插入图像——确定动画的起始位置2）修改——时间轴——增加对象到时间轴——单击时间轴的最后一帧——确定动画结束位置。 2 、用时间轴完成动画的曲线运动： 单击时间轴上要添加关键帧的位置，修改——时间轴——增加关键帧——改变图层位置 录制层的时间轴运动路径 如果要创建具有复杂路径的动画，若按上述创建一个个关键帧的方法就比较麻烦，若用拖动层时记录路径的方法则简便得多。 在时间轴中改变对象属性： 选择关键帧——改变图层可见性、尺寸、Z-index值、源文件。 编辑时间轴 使动画播放的时间变长：拖动结尾帧标记 使层到达关键帧位置的时间提前或延后：拖动该关键帧 改变动画开始的时间：拖动开始帧 改变整个动画路径的位置：选择整个动画条，然后在页面上拖动 在时间轴上添加或删除帧：快捷菜单 自动播放 循环播放 给时间轴附加动作 1 【播放时间轴】和【停止时间轴】动作 使用【播放时间轴】和【停止时间轴】动作可允许用户通过单击一个链接或按钮启动和停止时间轴，也可以在用户将鼠标移动到某个链接、图像或其他文本之上时自动启动或停止时间轴。 如果在【时间轴】面板中选中了【自动播放】复选框，则【播放时间轴】动作将自动使用onLoad事件附加到body标签中。 2 【转到时间轴帧】动作 【转到时间轴帧】动作可以将Playback Head（放音磁头）移动到指定帧。 可以在【时间轴】面板的【行为】通道中使用此动作，允许时间轴的某部分循环若干次，从而创建【回退】链接或按钮，或者让用户跳转到动画的其他部分。 给时间轴附加动作 ----在线试衣 滚动公告牌.htm * 【播放头】显示当前页面上的层是时间轴的哪一帧。 【动画通道】显示层与图像的动画条。 【动画条】显示每个对象的动画持续时间。 【关键帧】在动画条中被指定动画属性的帧。 【行为通道】在时间轴上某一帧执行指令的显示。 【帧频】每秒钟播放的帧数，但超过用户浏览器可处理的速率则会被忽略掉，15Fps是平均较好的速率 【自动播放】选中后，在浏览器打开该页面，动画就自动播放。 【循环】选中后在浏览器中会无限循环播放，在行为通道中可以看到循环的标签，双击标签可以修改行为的参数和循环次数。 使用时，直接删除本页！ 精品课件，你值得拥有！ 精品课件，你值得拥有！ 使用时，直接删除本页！ 精品课件，你值得拥有！ 精品课件，你值得拥有！ 使用时，直接删除本页！ 精品课件，你值得拥有！ 精品课件，你值得拥有！ * * *