中文DreamweaverCS5网页设计作者沈大林张伦_第7章行为课案.pptVIP

* 第? 7? 章 第 7.1 节 时间轴和行为 动作和事件 行 为 是 动 作（ Actions ）和 事 件（ Events ）的 组 合 。动 作 就 是 计 算 机 系 统 执 行 的 一 个 动 作 ， 例 如 ，调 出 一 个 提 示 框 、执 行 一 段 程 序 或 一 个 函 数 、播 放 声 音 或 影 片 、启 动 或 停 止“ 时 间 轴 ” 面 板 中 的 动 画 等 。动 作 通 常 是 由 预 先 编 写 好 的? JavaScript? 程 序 脚 本 实 现 的 ，Drea mwea ver? CS5? 自 带 了 一 些 动 作 的? JavaScript? 程 序 脚 本 ， 可 供 用 户 直 接 调 用 。 用 户 也 可 以 自 己 用? JavaScript? 语 言 编 写? JavaScript? 程 序 脚 本 ， 创 建 新 的 行 为 。 事 件 是 指 引 发 动 作 产 生 的 事 情 ， 例 如 ， 鼠 标 移 到 某 对 象 之 上 、鼠 标 单 击 某 对 象 、“ 时 间 轴 ”面 板 中 的 回 放 头 播 放 到 某 一 帧 等 。要 创 建 一 个 行为，就是要指定一个动作，再确定触发该动作的事件。有时，某几个动作可以被相同的事 件 触 发 ， 则 须 要 指 定 动 作 发 生 的 顺 序 。 Drea mweaver? CS5? 采 用 了 “ 行 为 ” 面 板 来 完 成 行 为 中 的动作和事件的设置，从而实现动态交互效果。 7.1.1 动作和事件名称及其作用 1． 动 作 名 称 及 其 作 用 单 击“ 窗 口 ”→“ 行 为 ”命 令 或 按 Shift+F3 组 合 键 ，即 可 调 出“ 行 为 ”面 板 ，如 图 7-1-1 所 示 。单 击“ 行 为 ”面 板 中 的“ 添 加 行 为 ”按 钮 ，调出 “ 动 作 名 称 ”下 拉 菜 单 ，其 作 用 如 表 7-1-1 所 示 。再 单 击 某 一个动作名称，即可进行相应地动作设置。 注意：对于选择不同的浏览器，可以使用的动作也不 一样，版本低的浏览器可以使用的动作较少。当选定的对 象不一样时，动作名称菜单中可以使用的动作也不一样。 进行完动作的设置后，在“行为”面板的列表框内会 显示出动作的名称与默认的事件名称。选择动作名称后， “ 事 件 ”列 表 框 中 默 认 的 事 件 名 称 右 边 会 出 现 一 个 按钮。 表 7-1-1 动作名称及动作的作用 序号 1? 2? 3? 4? 5? 6? 7? 8? 9? 10? 11? 动作的中文名称 交换图像 调出信息 恢复交换图像 打开浏览器窗口 拖 曳? AP? 元 素 改变属性 效果 显示—隐藏元素 检查插件 检查表单 设置导航栏图像 动 作 的 作 用? 交 换 图 像? 调 出 消 息 栏? 恢 复 交 换 图 像? 打 开 新 的 浏 览 器 窗 口? 拖 曳? AP? 元 素 到 目 标 位 置? 改 变 对 象 的 属 性? 可 以 选 择 “ 增 大 / 收 缩 ”、“ 挤 压 ”、“ 显 示 / 渐 隐 ” 等 效 果? 显 示 或 隐 藏? AP? 元 素? 检 查 浏 览 器 中 已 安 装 插 件 的 功 能? 检 查 指 定 的 表 单 内 容 的 数 据 类 型 是 否 正 确? 设 置 引 导 链 接 的 动 态 导 航 条 图 像 按 钮? 12-1? 设 置 文 本（ 设 置 容 器 的 文 本 ） 设 置 中 的? AP? 元 素 的 文 本 图? 7-1-1? “ 行 为 ” 面 板 设 置 119? 12-2 设 置 文 本（ 设 置 文 本 域 文 字 ） 设 置 表 单 域 内 文 字 框 中 的 文 字 12-3 设置文本（设置框架文本） 设置框架中的文本 12-4 设 置 文 本（ 设 置 状 态 栏 文 本 ） 设 置 状 态 栏 中 的 文 本 13 14 15 16 17 18 19 20 调 用 JavaScript 跳转菜单 跳转菜单开始 转 到 URL 预先载入图像 显示事件 获得更多行为 简易不使用 调 用 JavaScript 函 数 选择菜单实现跳转 选 择 菜 单 后 ， 单 击 “ Go” 按 钮 实 现 跳 转 跳 转 到 URL 指 定 的 网 页 预装载图像，以改善显示效果 用来选择浏览器版本 上网，获得更多行为（不属于动作） 其下的一些行为可以使用，但不建议使用 2． 事 件 名 称 及 其 作 用 如 果 要 重 新 设 置 事 件 可 单 击“ 事 件 ”列 表 框 中 默 认 的 事 件 名 称