
网页设计与制作 教程 第19章行为 FIREWOR FLASHPO
第19章 行为

网页设计与制作教程 第19章行为 本章目录 行为是将 Java Script代a码 19.1行为概述 放置在文档中以允 冬l9.2使用Dreamweaver8自带行为 许访问者与Web 页进行交互。用户 19.3本章小结 只需用鼠标点击进 行简单的设定就可 以实现复杂的动态 网页的效果。 概要说明
第19章 行为 行为是将 Java Script 代码 放置在文档中以允 许访问者与 Web 页进行交互。用户 只需用鼠标点击进 行简单的设定就可 以实现复杂的动态 网页的效果。 ❖19.1 行为概述 ❖19.2 使用Dreamweaver 8自带行为 ❖19.3 本章小结

内页设计与制作敦程 19.1行为概述 19.1.1行为介绍 行为是事件和由该事件触发的动作的组合。其中: 动作是由预先编写的JavaScript代码组成的,这些 代码执行特定的任务,例如打开浏览器窗口、显示或隐 藏层、播放声音或停止Shockwave影片等等。 事件是浏览器生成的消息,指示页面的访问者执行 了某种操作。例如,当访问者将鼠标指针移动到某个链 接上时,浏览器为该链接生成一个onMouseOver事件, 然后浏览器查看是否存在应该调用的JavaScript代码
19.1 行为概述 19.1.1 行为介绍 行为是事件和由该事件触发的动作的组合。其中: 动作是由预先编写的 JavaScript 代码组成的,这些 代码执行特定的任务,例如打开浏览器窗口、显示或隐 藏层、播放声音或停止 Shockwave 影片等等。 事件是浏览器生成的消息,指示页面的访问者执行 了某种操作。例如,当访问者将鼠标指针移动到某个链 接上时,浏览器为该链接生成一个 onMouseOver 事件, 然后浏览器查看是否存在应该调用的 JavaScript 代码

网页设计与制作教程 19.1行为概述 系统为不同的页面元素定义不同的事件。将一个动 作和一个事件结合在一起就完成了一个行为的过程。例 如我们在网页的载入事件中响应一个弹出对话框的动作, 其对应的事件为Onload,对应的动作为“弹出信息”, 经过简单的设定就可以完成需要的功能。如图所示。 群T标签body〉 属性行为相关CSS onLoad 森弹出信息
系统为不同的页面元素定义不同的事件。将一个动 作和一个事件结合在一起就完成了一个行为的过程。例 如我们在网页的载入事件中响应一个弹出对话框的动作, 其对应的事件为Onload,对应的动作为“弹出信息”, 经过简单的设定就可以完成需要的功能。如图所示。 19.1 行为概述

网页设计与制作教程 19.1行为概述 19.1.2认识事件 每个浏览器都提供一组事件,这些事件可以与 “行为”面板的“+”按钮中弹出的行为相关联。 大多数事件只能用于特定的页面元素。若要查 明对于给定的页面元素给定的浏览器支持哪些事件, 可在文档中插入该元素并向其附加一个行为,然后单 击“行为”面板中事件右侧的按钮,查看事件弹出式 菜单。E4.0以上的浏览器支持的部分主要事件可见 书中表19-1
19.1.2 认识事件 每个浏览器都提供一组事件,这些事件可以与 “行为”面板的“+”按钮中弹出的行为相关联。 大多数事件只能用于特定的页面元素。若要查 明对于给定的页面元素给定的浏览器支持哪些事件, 可在文档中插入该元素并向其附加一个行为,然后单 击“行为”面板中事件右侧的按钮,查看事件弹出式 菜单。 IE4.0以上的浏览器支持的部分主要事件可见 书中表19-1。 19.1 行为概述

内页设计与制作敦程 19.1行为概述 19.1.3行为面板 册除行为 添加新行为 “行为”面板如图所示: 、标签bo〉 添加行为按钮:单击此按钮将 尾性行为】相关CSs 显示设置事件 弹出可以显示行为的菜单,当 ,烧弹出信息 选择了其中一个行为后会弹出 响应的设置对话框。 更改事件类型 显示所有事件 动作列表 删除行为按钮:单击此按钮将删除当前选中的行为。 事件更改按钮:单击此按钮将弹出事件菜单,从中进行选 择以更换触发动作的事件类型。如果菜单中未列出所需的 事件,可在“显示事件”弹出的子菜单中更改目标浏览器
19.1.3 行为面板 “行为”面板如图所示: 添加行为按钮:单击此按钮将 弹出可以显示行为的菜单,当 选择了其中一个行为后会弹出 响应的设置对话框。 19.1 行为概述 删除行为按钮:单击此按钮将删除当前选中的行为。 事件更改按钮:单击此按钮将弹出事件菜单,从中进行选 择以更换触发动作的事件类型。如果菜单中未列出所需的 事件,可在“显示事件”弹出的子菜单中更改目标浏览器

网页设计与制作教程 19.1行为概述 交换图像 19.1.4添加行为 弹出信息 恢复交换图像 (1)选中一个网页中的对象。 打开浏览器窗口 海动层 控制shod水wave或Ha (2)单击添加行为按钮,在弹出的菜单 播放声音 改变属性 时间轴 中选中你希望添加的行为。 显示隐藏层 显示弹出式菜单 检查插件 (3)单击所选行为,在弹出的对话框中 检查浏览器 始专自 进行设置。 设置导航栏图像 设置文本 调用Java5 cript (4)在行为面板中,单击事件更改按钮, 转蔽单 跳转菜单开始 在弹出的下拉菜单中选择你需要的触发 转到URL 单出式节鲜 预先载入图像 事件类型。 显示事件 获取更多行为
19.1.4 添加行为 (1)选中一个网页中的对象。 (2)单击添加行为按钮,在弹出的菜单 中选中你希望添加的行为。 (3)单击所选行为,在弹出的对话框中 进行设置。 (4)在行为面板中,单击事件更改按钮, 在弹出的下拉菜单中选择你需要的触发 事件类型。 19.1 行为概述

网页设计与制作教程 19.1行为概述 19.1.5编辑管理行为 “行为”面板的约定: (1)行为面板中有多个行为时,则按事件的字母顺序 显示在面板上。 (2)同一个事件可以有多个动作,对于同一个事件的 多个动作,行为面板中的显示顺序就是多个动作的执行 顺序。 (3)要想调整动作的执行顺序,可以利用行为面板的 按钮一和一来调整,以实现所需要的效果。 返
19.1.5 编辑管理行为 “行为”面板的约定: (1)行为面板中有多个行为时,则按事件的字母顺序 显示在面板上。 (2)同一个事件可以有多个动作,对于同一个事件的 多个动作,行为面板中的显示顺序就是多个动作的执行 顺序。 (3)要想调整动作的执行顺序,可以利用行为面板的 按钮 和 来调整,以实现所需要的效果。 19.1 行为概述

网页设计与制作教程 19.2使用自带的行为 19.2.1交换图像 使用“交换图像”行为,可以改变标签的 sc属性,即用另一张图像替代当前的图像。对话框如 图所示。 交换图像 图像 〈> 确定 取消 帮助 设定原始档为:oaf02.ip? 测宽国 反预先载入图像 反鼠标滑开时恢复图像 预先载入图像:选中它可以防止当图像由于下载而 导致延迟
19.2.1 交换图像 使用“交换图像”行为,可以改变标签的 src属性,即用另一张图像替代当前的图像。对话框如 图所示。 预先载入图像:选中它可以防止当图像由于下载而 导致延迟。 19.2 使用自带的行为

冈页设计与制作 敦程 19.2使用自带的行为 19.2.2弹出信息 使用“弹出信息”行为,可以显示一个带有用户指 定消息的JavaScript警告。因为JavaScript警告只有 一个按钮(“确定”),所以使用此动作可以提供信息, 而不能为用户提供选择。对话框如图所示。 弹出信息 确定 消息 取消 帮助
19.2.2 弹出信息 使用“弹出信息”行为,可以显示一个带有用户指 定消息的 JavaScript 警告。因为 JavaScript 警告只有 一个按钮(“确定”),所以使用此动作可以提供信息, 而不能为用户提供选择。对话框如图所示。 19.2 使用自带的行为