Dreamweaver8和Flash8案例教程时间轴和行为详解

2．时间轴的相关操作
（1）动画的更名
可以直接在“时间轴”面板的列表框内更
改动画的名字。 单击时间轴菜单中的“重命名时间轴”菜 单命令，弹出“重命名时间轴”对话框， 如图5-1-4所示。在该对话框内的“时间轴 名称”文本框内输入新的名字，再单击 “确定”按钮即可。
图5-1-4 “重命名时间轴”对话框
（2）动画的删除
删除动画条：选中要删除的动画条，再单
击“编辑”→“剪切”菜单命令。 删除动画的移动路径：选中要删除的动画 条，再按Delete按键。 删除所有动画条：单击时间轴菜单中的 “删除时间轴”菜单命令。
（3）动画的复制
单击选中要复制的动画条。再单击时间轴
菜单中的“复制”菜单命令。 调整回放头的位置。再单击时间轴菜单中 的“粘贴”菜单命令，即可在选中的动画 条的右边复制一个动画条。而且可以复制 到其他页面的“时间轴”面板中。
行为是动作（Actions）和事件 （Events）的组合。动作就是计算机系统 做的一个动作，例如，弹出一个提示框、 执行一段程序或一个函数、播放声音或影 片、启动或停止“时间轴”面板中的动画 等。
动作通常是由预先编写好的JavaScript 程序脚本实现的，Dreamweaver 8自带了 一些动作的JavaScript程序脚本，可供用户 直接调用。用户也可以自己用JavaScript语 言编写JavaScript程序脚本，创建新的行为。
5.2 【案例16】为“Word操作演 示”网页增加控制按钮 5.2.1 学习目标
为“Word操作演示”网页增加控制按 钮后，该网页的显示效果如图5-2-1所示。 在该网页的底部，添加了3个控制按钮，单 击其中的任意一个按钮，即可实现网页中 控制Flash动画的开始、停止及重新播放。
图5-2-1 添加控制按钮后的“Word操作演示”网页
（4）“向下移动”按钮 ：单击此 按钮，将选中的行为在“行为”面板 中向底部移动。 （5）“显示所有事件”按钮 ：单 击此按钮后，wenku.baidu.com“行为”面板中将显 示出此对象所能使用的所有事件，如 图5-2-4所示。
事件是指引发动作产生的事情，例如， 鼠标移到某对象上、鼠标单击某对象、 “时间轴”面板中的回放头播放到某一帧 等。要创建一个行为，就是要指定一个动 作，再确定触发该动作的事件。有时，某 几个动作可以被相同的事件触发，则需要 指定动作发生的顺序。
Dreamweaver 8采用“行为”面板 （也叫做行为控制器）来完成行为中的动 作和事件的设置，从而实现动态交互效果。
（2）通道
行为通道：其左边标有字母“B”。可以
在该通道的特定帧使用行为事件。 行为帧：加入了行为事件的帧，它在“行 为通道”内。 时间标尺：给出了与时间对应的帧数码。
回放头：播放动画时，它在时间标尺上移
动，好像放像机的磁头一样。用鼠标拖曳 它在时间标尺上移动，当它移到某一时间 单位处时，相应的动画画面会出现在网页 窗口内。
动画条：表示一个动画所占的帧数，上面
标有该动画所在层的名字。它的起始处和 终止处各有一个小圆，表示首帧和终止帧。 如果设置了关键帧，则关键帧也会有一个 小圆。 动画通道：它由许多图层组成，表示可以 在一个页面内加入多个时间轴动画，但最 多只可以加32个。它的左边标有图层的编 号，图层编号大的动画在图层编号小的动 画之上。
图5-1-3 “时间轴”面板
（1）“时间轴”面板的工具栏
“时间轴”下拉列表框：其内列出了当 前页面内所有时间轴动画的名字，选中其 中一个选项后，相应的动画就会在“时间 轴”面板中显示出来。

“归位”按钮 ：将动画图像移到起始 位置，同时回放头也移动到该位置处。 “回放”按钮 ：单击它，可以使动 画回退一个帧。单击按住该按钮不放，可 以向相反方向播放动画。

“当前帧号码”（也是回放头当前位置）
文本框：用来输入和显示“回放头”所处 的时间轴位置号，即当前帧号码。 “播放”按钮 ：单击它，可使动画前 进一个帧。按住该按钮不放，可以向正常 方向播放动画。
“速率”文本框：用来输入每秒钟播放的
帧数。 “自动播放”复选框：选中它后，则在 网上下载动画后会自动播放。不选中它时， 需要在使用行为事件时才可以播放。 “循环”复选框：选中它后，则循环播 放动画，否则只播放一次动画。
图5-1-1 “显示器展示”网页的显示效果
它通过在不同的时间改变层的位置、 大小、可见性和叠放顺序等来创建动画。 时间轴的层功能只在IE 4.0及更高版本的浏 览器中有效。
5.1.2 操作过程
5.1.3 相关知识
1．“时间轴”面板
单击“窗口”→“时间轴”菜单命令， 或按Alt+F9键，即可弹出“时间轴”面板， 如图5-1-3所示。该面板中的各个工具及各 项目的作用如下。
（4）动画的移动
单击选中要移动的动画条。再单击时间轴
菜单中的“剪切”菜单命令。 调整回放头的位置，再单击时间轴菜单中 的“粘贴”菜单命令，即可将动画条移到 回放头所处的位置处。利用此方法，还可 以移动到其他页面的“时间轴”面板中。
可以用鼠标拖曳一个动画条在整个动画通
道内移动。按住Shift键，单击要移动的动 画条，可以选中多个动画条，鼠标拖曳一 个动画条即可同时移动多个动画条。
第5章 时间轴和行为
5.1 【案例15】“显示器展示”网页
5.2
【案例16】为“Word操作演示”网页增加控制按 钮
5.3
【案例17】“产品促销之游戏页”网页
5.1 【案例15】“显示器展示”网 页 5.1.1 学习目标
“显示器展示”网页的显示效果如图 5-1-1所示。利用时间轴功能，可以在网页 中插入一个动画，增加网页的动态效果。
5.2.2 操作过程
5.2.3 相关知识
1．“行为”面板
单击“窗口”→“行为”菜单命令或 按Shift+F3键，即可弹出“行为”面板， 如图5-2-2所示。“行为”面板的使用方法 与“行为”面板中的各按钮与列表框等的 作用如下。
（1）“添加行为”按钮 ：单击此 按钮，将弹出“动作”快捷菜单，通 过选择菜单的相应项目，进行插入动 作的操作。 （2）“删除行为”按钮 ：单击 此按钮将删除选中的行为。 （3）“向上移动”按钮 ：单击 此按钮，将选中的行为在“行为”面 板中向顶部移动。