网页设计中如何添加行为和时间线

《网页设计中如何添加行为和时间线》由会员分享，可在线阅读，更多相关《网页设计中如何添加行为和时间线（50页珍藏版）》请在装配图网上搜索。

1、 1. 行 为 (behaviors)： 就 是 网 页 中 进 行 的一 系 列 动 作 ， 通 过 这 些 动 作 ， 可 以 实现 用 户 同 网 页 的 交 互 ， 也 可 以 通 过 这些 动 作 使 某 个 任 务 完 成 。 行 为 是 浏 览器 执 行 的 动 作 。2. 组 成 ： 一 般 来 讲 ， 一 个 行 为 应 该 由 一个 事 件 （ event） 和 一 个 动 作 (action)所 组 成 。 行 为 =事 件 +动 作 认 识 事 件 事 件 ： 指 特 定 时 间 或 者 由 用 户 发 出 的 特定 的 指 令 ， 是 浏 览 器 能 够 识 别 的

2、一 些 操作 。 如 :单 击 鼠 标 ,鼠 标 经 过 等 认 识 动 作 动 作 ： 是 事 先 编 好 的 一 段 JawaScript脚本 代 码 ， 利 用 这 些 代 码 完 成 特 定 的 任 务 ，如 ： 播 放 声 音 ， 打 开 浏 览 器 ， 显 示 层 ，视 频 等 行 为 面 板删 除 行 为添 加 行 为用 于 修 改 事 件 的事 件 列 表事 件 列 动 作 列 行 为 名 称 功 能 Call Java 调 用 脚 本 语 言 允 许 使 用 Behavior 检 查 指 定 当 某 些 事 件 发 生 时 ， 调 用 相应 的 Javascript 脚 本

3、代 码 Change Property 改 变 属 性 改 变 某 个 对 象 的 属 性 值 Check Browse 检 查 浏 览 器 根 据 用 户 使 用 的 浏 览 器 类 型 和 版 本 发 送 不 同 的 页 面 Check Plugin 检 查 插 件 根 据 用 户 是 否 安 装 指 定 插 件 决 定 是 否 将 其 引 导 到 相 应 的 页 Control ShockwaveOr Flash 控 制 动 画 控 制 动 画 播 放 、 停 止 或 跳 转 到 动 画 中 的 帧 Drag Layer 拖 动 层 五 许 用 户 进 行 拖 动 层 的 操 作 Go

4、tO URL 转 到 URL 跳 转 到 URL 所 设 置 的 位 置 Jump Menu 跳 转 菜 单 通 过 行 为 面 板 编 辑 跳 转 菜 单 Jump Menu Go 跳 转 菜 单 Go 通 过 行 为 面 板 编 辑 跳 转 菜 单 Open Browse Window 打 开 浏 览 器 窗 口 在 新 窗 口 中 载 入 URL 指 定 的 文 档 ， 同 时 设 置 新 窗 口 的 属性 Plav Sound 播 放 声 音 在 网 页 中 播 放 声 音 Popup Message 弹 出 信 息 对 话 框 弹 出 一 个 对 话 框 ， 起 到 提 示 信 息

5、作 用 Preload lmages 预 载 图 像 将 那 些 不 会 立 即 显 示 但 有 可 能 显 示 的 图 像 下 载 到 浏 览 器 缓 冲 区 Set Nav Bar lmage 设 置 导 航 条 图 像 允 许 对 导 航 条 的 图 像 进 行 编 辑 和 控 制 Set Text 设 置 文 本 允 许 向 一 些 对 象 设 置 文 本 Show-Hide Layers 显 示 隐 藏 层 设 置 层 的 显 示 或 隐 藏 操 作 Swap lmages 变 换 图 像 根 据 图 像 属 性 面 板 中 的 scr 的 内 容 变 换 图 像 Swap lmag

6、e Restore 变 换 图 像 还 原 将 变 换 的 图 像 还 原 为 初 始 图 像 Timeline 时 间 线 控 制 时 间 线 的 播 放 、 停 止 等 Validate Form 验 证 表 单 检 缸 表 单 中 的 数 据 ， 确 保 用 户 输 入 数 据 类 型 的 准 确 Dreamweaver的 内 置 行 为 基 本 的 事 件 类 型 1OnAbort NS3、 NS4、 IE4、 IE5 当 网 页 下 载 中 断 OnAfterUpdate IE4、 IE5 当 网 页 更 新 完 毕 OnBeforeUpdate IE4、 IE5 当 一 个 数 据

7、 元 素 变 化 或 将 失 去 焦 点 OnBlur NS3、 NS4、 IE3、 IE4、 IE5 当 指 定 元 素 失 去 焦 点 OnBounce IE4、 IE5 当 一 个 选 取 框 元 素 的 内 容 已 经 到 了选 取 框 边 缘 时 OnChange NS3、 NS4、 IE3、 IE4、 IE5 当 网 页 元 素 改 变 OnClick NS3、 NS4、 IE3、 IE4、 IE5 当 鼠 标 单 击 OnDblClick NS4、 IE4、 IE5 当 鼠 标 双 击 OnError NS3、 NS4、 IE4、 IE5 当 网 页 下 载 错 误 OnFocu

8、s NS3、 NS4、 IE3、 IE4、 IE5 当 特 定 元 素 成 为 用 户 焦 点 OnHelp IE4、 IE5 当 用 户 单 击 浏 览 器 帮 助 按 钮 OnKeyDown NS4、 IE4、 IE5 当 按 键 时 OnKeyPress NS4、 IE4、 IE5 当 按 键 并 且 释 放 键 时 OnKeyUp NS4、 IE4、 IE5 当 释 放 按 键 时 OnLoad NS3、 NS4、 IE3、 IE4、 IE5 当 图 像 或 页 面 完 全 载 入 后 基 本 的 事 件 类 型 2 事 件 支 持 的 浏 览 器 说 明 OnMouseDown NS

9、4、 IE4、 IE5 当 按 下 鼠 标 左 键 些 犟 放 时 OnMOuseMove IE3、 IE4、 IE5 当 鼠 标 移 动 到 一 个 元 素 上 时 OnMouseOut NS3、 NS4、 IE4、 IE5 当 鼠 标 琶 些 苎 声 的 元 素 时 一 OnMouseOver NS3、 NS4、 IE3、 IE4、 IE5 当 刚 移 到 节 定 元 素 时 OnMOuseUp NS4、 IE4、 IE5 当 按 下 鼠 标 廷 放 时 OnMove NS4 窗 口 和 框 架 移 动 时 OnReset NS3、 NS4、 IE3、 IE4、 IE5 当 表 单 被 重

10、 置 为 缺 省 状 态 时 OnResize NS4、 IE4、 IE5 当 调 整 浏 览 器 窗 口 和 框 架 尺 寸 时 OnRowEnter IE4、 IE5 当 捆 绑 的 数 据 源 的 记 录 指 针 改 变时 OnRowEx让 IE4、 IE5 当 捆 绑 的 数 据 源 的 记 录 指 针 将 要 改 变 时 OnScr011 1E4、 IE5 当 用 户 使 用 滚 动 条 或 箭 头 上 下 滚动 文 档 时 OnSelect NS3、 NS4、 IE3、 IE4、 IE5 当 在 文 本 框 中 选 中 文 本 时 OnSubm让 NS3、 NS4、 IE3、 IE

11、4、 IE5 当 用 户 提 交 一 份 表 单 时 OnUnlOad NS3、 NS4、 IE3、 IE4、 IE5 当 用 户 离 开 页 面 时 常 用 事 件 列 表On abort Ie4,5 当 网 页 下 载 中 断On click 当 鼠 标 单 击On dbl click Ie345 当 鼠 标 双 击On load ie45 当 图 象 或 页 面 完 全 载 入 后On mouse down ie45 当 按 下 鼠 标 左 键 尚 未 释 放 时On mouse over ie345 当 鼠 标 刚 移 动 到 特 定 的 元 素 上时On mouse out ie45

12、 当 鼠 标 刚 移 出 特 定 元 素 时 创 建 行 为 可 以 将 行 为 附 加 给 整 个 文 件 ,也 可 以 附 加 给 文 本 图 像 链接 层 等 ， 对 象 可 以 接 受 什么 样 的 行 为 取 决 于 浏 览 器 。浏 览 器 的 版 本 越 高 ， 接 受 的事 件 就 越 多 步 骤 :1选 中 要 附 加 行 为 的 对 象2打 开 行 为 面 板3单 击 ， 点 击 “ 显 示 事 件属 ” -选 一 个 浏 览 器 版 本4再 单 击 ， 选 一 个 动 作 ，弹 出 相 应 对 话 框 ， 设 置 相 应的 参 数 。5单 击 “ 确 定 ” 按 钮 例

13、如 ： 创 建 显 示 隐 藏 层 行 为效 果 （ 图 片 旁 边 的 说 明 文 字 为 隐 藏 的 ， 当 鼠 标 经 过图 像 时 才 显 示 ）步 骤 如 下 ：1、 插 入 图 象2、 插 入 层 插 入 面 板 / 层 按 钮3、 设 置 层 属 性 属 性 面 板 / 相 应 选 项 /并 设 置 层 属 性 为 隐 藏4、 选 种 图 像 ， 对 图 象 设 置 行 为 :显 示 隐 藏 图 层5、 添 加 事 件 OnMouseOver6、 保 存 创 建 显 示 隐 藏层 行 为 的 图 示 什 么 是 时 间 轴 (时 间 线 )时 间 线 ： 它 是 一 条 贯 穿

14、时 间 的 轴 ,用 于 表 示 网 页存 活 时 间 中 发 生 的 各 种 状 态 。作 用 ： 通 过 往 这 个 时 间 线 的 不 同 部 位 放 置 不 同的 内 容 ,或 是 绑 定 相 应 的 行 为 ,就 可 以 让 对 应的 时 间 发 生 对 应 的 事 件 ,从 而 实 现 网 页 元 素的 动 态 效 果优 点 ： 它 纯 粹 是 往 文 档 中 添 加 javascript代 码 来实 现 网 页 的 动 态 效 果 ， 不 需 要 任 何 ActibeX控 件 ， 不 需 要 插 件 ， 也 不 需 要 任 何 java小 程序 ， 具 有 极 好 的 兼 容 性

15、 。 时 间 轴 面 板 1 回 放 头 回 放 头 所在 的 帧 每 秒 播放 帧 数关 键 帧 附 加 的 行 为动 画 通 道（ 帧 控 制 区 ）动 画 条 行 为 通 道返 回 后 退时 间 线下 拉 菜 单 帧 数 时 间 轴 面 板 2 时 间 下 拉 菜 单 ： 一 个 文 档 中 可 以 包 含 多 条 时间 线 ， 时 间 线 下 拉 菜 单 主 要 用 于 控 制 哪 条 时间 线 显 示 在 时 间 线 面 板 上 。 打 开 该 菜 单 ， 并选 择 不 同 的 时 间 线 。 就 可 以 在 时 间 线 面 板 上显 示 不 同 的 时 间 设 置 。 行 为 通

16、道 ： 在 该 通 道 上 ， 显 示 时 间 线 上 相 应时 间 中 所 绑 定 的 行 为 。 浅 蓝 色 的 方 块 表 示 存在 行 为 。 帧 数 ： 在 该 通 道 上 显 示 在 时 间 线 上 不 同 时 间对 应 的 动 画 帧 时 间 轴 面 板 3 回 放 头 :回 放 头 是 位 于 帧 数 行 上 的 红 色方 块 ， 它 表 明 当 前 的 动 画 放 映 到 哪 个位 置 ， 通 过 在 时 间 线 面 板 上 拖 动 回 放头 ， 可 以 在 文 档 窗 口 中 看 到 相 应 时 间上 动 画 放 映 的 状 态 。 同 时 ， 当 前 回 放头 所 在 的

17、 帧 位 置 会 显 示 在 时 间 线 面 板上 方 前 进 箭 头 按 钮 和 后 退 箭 头 按 钮 之间 的 文 本 框 中 。 动 画 通 道 ： 在 时 间 线 面 板 上 有 33个 动 画 通 道 ，分 别 从 1排 列 至 33， 表 示 可 以 在 同 一 时 间 进 行33路 动 画 设 置 。 一 旦 某 个 动 画 通 道 上 存 在 动画 ， 就 会 显 示 动 画 条 . 动 画 条 ： 动 画 条 表 明 某 个 对 象 在 某 段 时 间 内的 持 续 状 态 ， 动 画 条 是 真 正 的 动 画 实 体 。 其中 一 些 空 白 圆 圈 表 明 关 键 帧

18、 。 在 一 个 动 画 通 道 行 上可 以 包 含 多 个 动 画 条 ， 用 于 表 示 多 个 不 同 的 对 象 不 同 的 动 画条 在 同 一 帧 内 不 能 控 制 相 同 的 对 象 。时 间 轴 面 板 4 时 间 轴 面 板 5 关 键 帧 ： 如 果 你 进 行 过 动 画 设 计 ， 就 很 容 易 理解 什 么 是 关 键 帧 ， 简 单 地 说 ， 关 键 帧 就 是 由 你为 对 象 所 指 定 的 在 某 一 确 定 时 刻 (帧 )上 的 状 态 。 Dreamweaver会 自 动 根 据 两 个 关 键 帧 的 位置 计 算 对 象 在 其 间 的 动

19、作 。 例 如 ， 要 设 计 对 象直 线 移 动 ， 只 需 要 定 义 开 始 和 结 束 的 位 置 ， 这两 个 位 置 就 是 关 键 帧 ， dreamweaver会 根 据 直线 的 开 始 和 结 束 位 置 自 动 计 算 中 间 移 动 状 态 。在 动 画 条 上 ， “ 关 键 帧 ” 以 一 个 圆 圈 的 形 式 表示 。 时 间 轴 面 板 6 返 回 ： 单 击 该 按 钮 ， 可 以 回 放 头 返 回到 动 画 的 开 始 位 置 。 后 退 ： 单 击 该 按 钮 ， 可 以 将 动 画 后 退一 帧 ， 连 续 单 击 后 退 按 钮 ， 可 以 向

20、后播 放 动 画 。 播 放 ： 单 击 该 按 钮 ， 可 以 将 动 画 播 放一 帧 ， 连 续 单 击 播 放 按 钮 ， 可 以 播 放动 画 。 时 间 轴 面 板 7 每 秒 帧 数 ： 在 该 文 本 框 中 ， 可 以 设 置 动画 播 放 的 速 度 。 你 可 以 直 接 输 入 每 秒 帧数 值 。 自 动 播 放 ： 选 中 该 复 选 框 ， 则 当 网 页 被载 人 之 后 自 动 播 放 动 画 。 如 果 清 除 该 复选 框 ， 则 网 页 载 人 之 后 ， 动 画 并 不 播 放 ，你 可 以 利 用 为 对 象 绑 定 行 为 的 方 法 ， 提供 播

21、 放 动 画 的 命 令 。 时 间 轴 面 板 8 循 环 ： 选 中 该 复 选 框 ， 则 动 画 播 放 完 毕后 自 动 重 新 播 放 ， 也 即 动 画 不 断 循 环 播放 ， 直 至 用 户 离 开 页 面 。 清 除 该 复 选 框 ，则 动 画 只 播 放 一 次 。 什 么 叫 创 建 时 间 线 动 画 创 建 时 间 线 动 画 ， 简 而 言 之 ， 就 是首 先 往 动 画 通 道 上 添 加 对 象 来 构 建动 画 条 ， 然 后 构 建 动 画 条 上 的 关 键帧 ， 最 后 在 文 档 窗 口 中 设 置 对 象 在关 键 帧 上 的 位 置 ， 然

22、后 播 放 ， 从 而实 现 动 画 的 创 作 。 创 建 动 画 的 注 意 事 项 利 用 时 间 线 ， 你 可 以 在 页 面 上 构 建 分 层的 动 画 效 果 。 要 注 意 的 是 ， 时 间 线 只 能移 动 分 层 对 象 ， 如 果 你 希 望 移 动 诸 如 文本 或 图 像 之 类 的 对 象 ， 可 以 将 之 放 人 分层 中 。 利 用 时 间 线 构 建 分 层 动 画 的 基本 方 法 如 下 ： 1 首 先 指 定 起 始 的 关 键 帧 。 操 作 方 法 ：将 分 层 移 动 到 动 画 的 起 始 位 置 。 2 选 中 该 要 制 作 动 画 的

23、 分 层 。 3 添 加 动 画 条 。方 法 (1)： 打 开 时 间 线 面 板 菜 单 ， 选 择Add object(添 加 对 象 )命 令 ， 即 可 在 动画 通 道 中 添 加 一 个 对 应 该 分 层 的 动 画 条 。方 法 (2)： 也 可 以 直 接 将 分 层 拖 动 到 时间 线 面 板 上 相 应 位 置 来 构 建 动 画 条 。 在动 画 条 上 可 以 看 到 分 层 名 称 。 利 用 时 间 线 构 建 分 层 动 画 的 基本 方 法 如 下 ：4 改 变 该 对 象 参 与 动 画 的 时 间 。拖 动 动 画 条 上 最 右 端 的 关 键 帧

24、标 记 ， 可 以 改变 动 画 条 的 长 度 ， 也 即 改 变 该 对 象 参 与 动 画的 时 间 。5 构 建 了 动 画 结 束 位 置 的 关 键 帧 。单 击 动 画 条 最 右 端 的 关 键 帧 标 记 ， 然 后 在 文档 窗 口 中 将 分 层 移 动 到 动 画 结 束 的 位 置 ， 这实 际 上 是 构 建 了 动 画 结 束 位 置 的 关 键 帧 。 利 用 时 间 线 构 建 分 层 动 画 的 基本 方 法 如 下 ：6 在 动 画 条 中 间 位 置 添 加 关 键 帧 .如 果 希 望 在 动 画 条 中 间 位 置 添 加 关 键 帧 ， 可以 按

25、住 Ctrl键 ， 然 后 在 动 画 条 上 相 应 帧 位 置单 击 鼠 标 ， 这 时 会 出 现 新 的 关 键 帧 标 记 ； 另外 ， 也 可 以 通 过 打 开 面 板 菜 单 ， 选 择 Add Keyames(添 加 关 键 帧 )命 令 来 添 加 关 键 帧 。选 中 关 键 帧 标 记 ， 然 后 从 文 档 窗 口 中 拖 动 分层 ， 将 之 移 动 到 该 帧 对 应 的 位 置 上 。 重 复 该操 作 ， 直 至 所 有 的 关 键 帧 被 创 建 。 利 用 时 间 线 构 建 分 层 动 画 的 基本 方 法 如 下 ：7 预 览 动 画 效 果 。在 P

26、lay(播 放 )按 钮 上 按 住 鼠 标 左 键 ， 可以 在 文 档 窗 口 中 预 览 动 画 效 果 。8 选 择 播 放 方 式 .根 据 需 要 ， 选 中 或 清 除 相 应 的Autoplay(自 动 播 放 )和 Loop(循 巧 )复 选框 。 二 、 录 制 分 层 路 径 1 对 于 简 单 的 直 线 路 径 ， 采 用 前 一 节 介 绍的 方 法 ， 可 以 很 好 地 构 建 动 画 。 然 而如 果 动 画 路 径 较 为 复 杂 ， 例 如 是 曲 线或 圆 形 ， 则 无 法 通 过 先 设 置 关 键 帧 ，再 拖 动 分 层 到 指 定 位 置 的

27、方 法 构 建 动画 。 录 制 分 层 路 径 2在 Dreamweaver中 提 供 了 以 供 记 录 路 径的 方 法 ， 允 许 你 直 接 在 文 档 窗 口 中 拖 动分 层 ， Dreamweaver在 后 台 记 录 你 拖 动分 层 的 路 径 ， 然 后 将 之 应 用 到 时 间 线 上 ，利 用 这 种 方 法 ， 可 以 很 容 易 地 构 建 各 种移 动 方 式 的 分 层 动 画 。 录 制 分 层 路 径 操 作 方 法 3： 1 在 文 档 窗 口 中 选 择 要 创 建 分 层 动 画 的分 层 。 2 将 分 层 移 动 到 动 画 的 起 始 位 置

28、 。 3 在 时 间 线 面 板 上 ， 打 开 面 板 菜 单 ， 选择 RecordPathofLayer(录 制 分 层 路 径 )命 令 。 这 时 就 可 以 开 始 录 制 分 层 的 移 动路 径 。 录 制 分 层 路 径 44 在 文 档 窗 口 中 ， 按 照 需 要 的 路 径 拖 动分 层 。5 当 希 望 动 画 停 止 时 ， 可 以 释 放 鼠 标 ，停 止 移 动 分 层 。6 在 时 间 线 面 板 上 ， 按 住 Play(播 放 )按钮 ， 就 可 以 预 览 动 画 效 果 。 例 如 假 设 我 们 希 望 构 建 一 个 地 球 围 绕 太 阳 旋转

29、 的 动 画 ， 可 以 分 别 将 太 阳 图 像 和 地 球图 像 放 人 不 同 的 分 层 ， 然 后 选 中 地 球 所在 分 层 ， 启 动 RecordPathofLayer命 令 ，再 将 地 球 分 层 围 绕 太 阳 分 层 拖 动 一 圈 ，释 放 鼠 标 ， 即 可 构 建 相 应 的 动 画 。Dreamweaver会 自 动 将 地 球 分 层 添 加 到时 间 线 上 ， 构 建 一 个 动 画 条 ， 并 按 照 拖动 的 路 径 构 建 关 键 帧 数 据 。 三 、 利 用 时 间 线 改 变 图 像 和 分层 属 性 利 用 时 间 线 ， 不 仅 可 以

30、 改 变 分 层 的 位 置 ， 还可 以 改 变 分 层 的 某 些 属 性 利 用 时 间 线 ， 还 可 以 改 变 图 像 的 源 文 件 ， 实现 某 些 特 殊 效 果 。 例 如 ： 改 变 分 层 的 大 小 和 可 见 性 等 可 以按 照 如 下 方 法 进 行 操 作 ： 步 骤 1 从 时 间 线 面 板 上 ， 单 击 选 中 相 应的 关 键 帧 ， 这 时 文 档 窗 口 中 相 应 的 对 象 也 被选 中 。 步 骤 2 根 据 需 要 改 变 对 象 的 属 性 步 骤 2,根 据 需 要 改 变 对 象 的 属性 ：可 以 在 图 像 属 性 面 板 上

31、的 Src(源 )文 本 框中 输 入 新 文 件 的 URL地 址 ， 或 是 单 击文 件 夹 按 钮 ， 从 磁 盘 上 选 择 新 图 像 文 件 。，可 以 从 分 层 的 属 性 面 板 上 的 Vis(可 见 性 )下 拉 列 表 中 选 择 需 要 的 可 见 性 设 置 。 根 据 需 要 改 变 对 象 的 属 性可 以 通 过 拖 动 分 层 的 边 框 控 点 来 改 变 大小 ， 也 可 以 直 接 在 分 层 的 属 性 面 板 上 输入 需 要 的 宽 度 和 高 度 值 。只 有 InternetExplorer 4 0和 5 0才 支 持 对 分 层 大 小

32、的 改 变 。 根 据 需 要 改 变 对 象 的 属 性 ：可 以 直 接 在 分 层 属 性 面 板 上 的 Z-Index区 域 输 入 新 值 。 设 置 完 毕 预 览 效 果设 置 完 毕 , 可 以 从 时 间 线 面 板 上 ， 按 住Play(播 放 )按 钮 ， 预 览 效 果 。 控 制 时 间 线 设 计 好 动 画 之 后 ， 可 以 在 时 间 线 面 板 中 对 时间 线 进 行 各 种 控 制 ， 从 而 实 现 对 动 画 的 编 辑和 修 改 。 例 如 ：一 、 选 中 动 画 条二 、 改 变 对 象 参 与 动 画 的 时 间三 、 改 变 动 画 局

33、 部 的 播 放 速 度四 、 改 变 动 画 起 始 时 间五 、 改 变 动 画 完 整 路 径六 、 添 加 帧 和 删 除 帧七 、 对 象 的 添 加 、 删 除 和 修 改八 、 自 动 播 放 和 循 环 播 放九 、 使 用 多 条 时 间 线 一 、 选 中 动 画 条一 个 动 画 条 表 示 个 对 象 在 某 段 时 间 内 的动 画 序 列 。 要 选 中 动 画 条 ， 你 可 以 按照 如 下 方 法 进 行 : 二 、 改 变 对 象 参 与 动 画 的 时 间如 果 希 望 使 某 个 对 象 在 动 画 中 参 与 的 动 画时 间 变 长 或 变 短 ；，

34、 将 之 左 右 拖 动 ， 这 时 动 画 条 长 度 会发 生 变 化 ， 同 时 上 面 所 有 的 关 键 帧 标 记也 按 照 比 例 移 动 相 应 的 位 置 。 如 果 希 望保 持 所 有 中 间 位 置 的 关 键 帧 不 动 ， 可 以按 住 Ctrl键 ， 再 拖 动 结 束 帧 标 记 。 三 、 改 变 动 画 局 部 的 播 放 速 度要 改 变 某 两 个 关 键 帧 之 间 动 画 的 播 放 时 间 ，也 即 改 变 关 键 帧 之 间 的 动 画 播 放 速 度 ，在 图 1635中 ， 我 们 改 变 了 起 始 帧 和 第二 个 关 键 帧 之 间 的

35、 距 离 ， 也 即 改 变 了 相应 序 列 的 播 放 时 间 。 四 、 改 变 动 画 起 始 时 间要 改 变 动 画 的 起 始 时 间 ，1. 可 以 单 击 动 画 条 选 中 它 ，2. 然 后 将 之 在 动 画 通 道 上 左 右 拖 动 。按 住 Shift键 ， 可 以 一 次 选 中 多 个 动 画 条 。 图 1636显 示 了 改 变 动 画 起 始 时 间 的情 形 。 改 变 后 ， 动 画 从 原 先 动 画 的 第10帧 对 应 的 时 间 开 始 播 放 。 五 、 改 变 动 画 完 整 路 径要 将 完 整 的 动 画 路 径 移 动 位 置 ，1

36、. 可 以 选 中 整 个 动 画 条 ，2. 然 后 拖 动 页 面 上 的 对 象 。 这 时Dreamweaver会 自 动 调 整 所 有 关 键 帧的 位 置 。 六 、 添 加 帧 和 删 除 帧 要 往 时 间 线 上 ， 可 以 打 开 面 板 菜 单 ， 再选 择 AddFrame(添 加 帧 )命 令 。 要 往 时 间 线 上 ， 可 以 打 开 面 板 菜 单 ， 再选 择 RemoveFrame(删 除 帧 )、 命 令 。 要 往 时 间 线 上 ， 可 以 打 开 面 板 菜 单 ，再 选 择 AddKeyffame(添 加 关 键 帧 )命 令 ， 也 可以 按

37、 住 Ctrl键 ， 然 后 单 击 要 添 加 关 键 帧 的 位 置 。 要 往 时 间 线 上 ， 可 以 打 开 面 板 菜 单 ，再 选 择 Remove Keyffame(删 除 关 键 帧 )命 令 。 七 、 对 象 的 添 加 、 删 除 和 修 改 1首 先 在 文 档 窗 口 中 选 中 对 象 ， 然 后 打 开 时间 线 面 板 菜 单 ， 选 择 AddOject(添 加 对象 )命 令 ， 可 以 ， 也 即 创 建 新的 动 画 条 。如 果 希 望 从 时 间 线 中 ， 可 以 首 先选 中 该 动 画 条 ， 然 后 打 开 时 间 线 面 板菜 单 ，

38、再 选 择 RemoveObiect(删 除 对象 )命 令 ， 这 时 动 画 条 会 消 失 。 七 、 对 象 的 添 加 、 删 除 和 修 改 2如 果 希 望 改 变 动 画 条 对 应 的 对 象 ， 可 以 首先 选 中 该 动 画 条 ， 然 后 打 开 时 间 线 面 板菜 单 ， 再 选 择 Change O均 ect(改 变 对 象 )命 令 ， 这 时 会 打 开 如 图 1637所 示 的 对话 框 ， 提 示 你 选 择 新 对 象 。 选 择 新 对 象 ，按 下 OK按 钮 ， 确 定 操 作 ， 即 可 改 变 动画 条 对 应 的 对 象 。 八 、 自

39、动 播 放 和 循 环 播 放选 中 时 间 线 面 板 上 的 Autoplay(自 动 播 放 )按 钮 ，则 在 页 面 被 载 入 后 自 动 播 放 动 画 。 该 操 作 实际 上 是 为 页 面 绑 定 了 一 个 进 行 自 动 播 放 动 画的 行 为 ， 你 可 以 在 行 为 通 道 上 看 到 它 。 选 中 时 间 线 面 板 上 的 Loop(循 环 )按 钮 ， 则 在 页面 被 载 人 后 ， 一 旦 动 画 被 播 放 将 循 环 不 止 。该 操 作 实 际 上 是 为 页 面 绑 定 了 一 个 进 行 循 环播 放 动 画 的 行 为 ， 你 可 以 从

40、 行 为 通 道 上 看 到它 。 选 中 该 标 记 ， 然 后 单 击 行 为 面 板 上 的“ +”按 钮 ， 打 开 动 作 菜 单 ， 然 后 选 择 相 应 的命 令 ， 即 可 编 辑 循 环 次 数 。 九 、 使 用 多 条 时 间 线 1一 条 时 间 线 可 以 控 制 33条 动 画 通 道 ， 这 好比 控 制 33个 分 镜 头 。 然 而 有 时 候 当 动 画比 较 复 杂 时 时 间 线 面 板 上 会 横 七 竖 八 排满 了 动 画 条 ， 显 得 烦 琐 复 杂 ， 很 不 直 观 。实 际 上 ， 可 以 利 用 多 条 时 间 线 控 制 页 面上

41、不 同 区 域 的 动 画 ， 这 样 不 但 便 于 操 作 ，时 间 线 面 板 上 显 示 的 内 容 也 比 较 简 单 ，便 于 操 作 。 九 、 使 用 多 条 时 间 线 2要 ，1. 可 以 打 开 时 间 线 面 板 菜 单 ，2. 然 后 选 择 AddTimeline(添 加 时 间 线 )命 令 。要 ，1. 可 以 打 开 时 间 线 面 板 菜 单 ，2. 然 后 选 择 RemoveTimeline(删 除 时 间 线 )命 令 。要 对 现 有 时 间 线 ，1. 可 以 打 开 时 间 线 面 板 菜 单 ，2. 然 后 选 择 RenameTimeline(重 命 名 时 间 线 )命 令 。 也 可 以 直 接 从 时 间 线 面 板 上 的 时 间 线 下 拉菜 单 中 直 接 输 入 新 的 时 间 线 名 称 。利 用 时 间 线 面 板 上 的 时 间 线 下 拉 菜 单 ，可 以 切 换 时 间 线 。 重 用 动 画 资 源