网页设计类之时间轴及其应用
时间轴及其应用
使用时间轴创建动画实际上是通过时间轴改变层在不同时间段的位置来实现的。要实现图像或文本的动画效果，必须把相关图像或文本先放到一个层中，设置层的起始位置和终点位置，Dreamweaver会自动添加中间的帧，以实现平滑的动画效果。
（１）时间轴面板
单击主菜单“窗口”→“其他”→“时间轴”，弹出“时间轴”面板，如图3-190所示。
“时间轴”面板
“自动播放”：如果选中该项，则在网页加载后自动开始播放当前时间轴的动画。自动播放实际上是给文档<body>标识符加载一种行为，使页面载入时执行播放时间轴（Play时间轴）动作。
“循环”：如果选中该项，使页面在浏览器中打开时当前时间轴可以循环播放。
（２）创建时间轴动画
创建时间轴动画，就是往动画通道上添加对象，构建动画条，然后构建动画条上的关键帧，再从文档窗口中设置对象在关键帧上的位置，实现动画的创作。这里需要注意的是时间线，只能移动层对象。所以，如果希望移动诸如文本或图像之类的对象，应将之放入层中。
实例：利用录制层路径,创建复杂路径的动画。
操作步骤：2022年世界杯决赛时间
美国电话号码>冶金工程就业前景
①在文档窗口中选择要创建动画的层；
②在层内插入图片hua.gif；
③ 将层移动到动画的起始位置；
④ 执行“修改”→“时间线”→“录制层路径”命令；
萝卜汤的做法
⑤ 在文档窗口中，按照需要的路径拖动层；
⑥ 当希望动画停止时，可以释放鼠标，停止移动层，录制结束；酒店客房管理培训
⑦ 在时间轴面板上会自动添加关于该层的动画条（见图3-197）。
复仇者联盟2 彩蛋⑧ 保存文档，并选中“自动播放”复选框，如果想不停地播放再选中“循环”复选框，按F12键就可以预览动画效果。
录制层路径
利用录制层路径功能，可以制作出优美的动画效果。如绕太阳旋转的地球、飘动的雪花、飞翔的小鸟等，如果录制的路径不够光滑和规则，则可以选定关键帧，再拖动层调整路径。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。