5.3-行为的应用.pptVIP

行为的使用 了解行为 认识“行为”面板 掌握行为的编辑 掌握行为的具体应用 1.1 行 为 简 介 通过行为可以在页面上制作一些简单的交互效果，行为是Macromedia预置的JavaScript程序库。行为能实现用户与网页间的交互，通过某个动作来触发某项计划。Dreamweaver 内置了行为，都是一些比较常用的功能。如果用户有较高的JavaScript编写能力也可以自己编写行为。 行为由动作和事件组成，下面将介绍动作和事件。 1.1 行 为 简 介 1.1.1 动作 1.1.2 事件 1.1.1 动作 动作即是触发其相应的时间后所执行的操作，如弹出信息、播放声音等。 1.1.2 事件 每个浏览器都提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件。 如果所选对象不同或者是在“显示事件”子菜单中指定的浏览器不同，则显示在“事件”下拉列表框中的事件将有所不同。 课本P55表6.1 1.2 认识“行为”面板 “行为”面板是添加和控制操作行为的场所。 选择“窗口/行为”命令，打开“行为”面板，在面板中会显示已添加的行为。 “行为”面板中各按钮的功能如下： 1.2 认识“行为”面板 单击 按钮只显示已设置的事件列表。 单击 按钮显示所有事件列表。 单击 按钮：添加行为 单击 按钮：删除行为 单击 按钮将向上移动所选择的动作。若该按钮为灰色，则表示不能移动。 单击 按钮将向下移动所选择的动作。 1.3 行为的编辑 1.3.1 添加行为 1.3.2 修改行为 1.3.3 删除行为 1.3.4 获取更多的行为 1.4 行为的具体应用 1.4.1 交换图像和恢复交换图像 1.4.2 弹出信息 1.4.3 打开浏览器窗口 1.4.4 显示-隐藏层 1.4.5 显示弹出式菜单 1.4.6 播放声音 1.4.7 设置导航栏图像 1.4.8 预先载入图像 1.4.9 转到URL 1.4 行为的具体应用 1.4.10 拖动层 1.4.11 调用JavaScript 1.4.12 改变属性 1.4.13 控制Shockwave或Flash 1.4.14 检查浏览器 1.4.15 检查插件 1.4.1 交换图像和恢复交换图像 在页面中插入鼠标经过图像实际上就是Dreamweaver自动添加了一个“交换图像”行为。“交换图像”行为通过更改img标签的src属性将一个图像和另一个图像进行交换，该行为创建了按钮变换和其他图像效果，包括一次交换多个图像。 1.4.2 弹出信息 添加了“弹出信息”行为后，当触发设定的事件时将会弹出预设对话框。 1.4.3 打开浏览器窗口 使用“打开浏览器窗口”行为可打开一个新的浏览器窗口显示指定的文档，并且可以指定新窗口的属性和名称。 1.4. 4 显示-隐藏层 “显示-隐藏层”行为用于交互时显示信息，可以显示、隐藏或恢复一个或多个层的可见性。 1.4.5 显示弹出式菜单 利用“显示弹出式菜单”行为可创建或编辑水平或垂直的弹出式菜单，也可以打开并修改已插入页面的Fireworks弹出菜单。 选中需添加“显示弹出式菜单”行为的对象并打开“行为”面板，单击 按钮，在弹出的“行为”菜单中选择“显示弹出式菜单”命令，打开“显示弹出式菜单”对话框，其中包括“内容”、“外观”、“高级”和“位置”4个选项卡。 1.4.5 显示弹出式菜单 1．“内容”选项卡 2． “外观”选项卡 3． “高级”选项卡 4． “位置”选项卡 1．“内容”选项卡 “内容”选项卡是“显示弹出菜单”对话框默认打开的选项卡。在其中可设置各菜单项的名称、结构、链接和目标。 2． “外观”选项卡 打开“外观”选项卡，在其中可设置各菜单项的外观以及菜单项文本的字体。 3． “高级”选项卡 打开“高级”选项卡设置各菜单项的单元格属性。 4． “位置”选项卡 打开“位置”选项卡，在其中可设置菜单相对于触发图像或链接的放置位置。 1.4.6 播放声音 使用“播放声音”行为可以在页面载入时播放音乐。 1.4.7 设置导航栏图像 添加导航条的方法前面已经介绍过，使用“设置导航栏图像”行为不仅可以将某个图像变为导航条图像，还可以更改导航条中图像的显示和动作。 1.4.9 预先载入图像 “预先载入图像”行为将不会立即出现在页面上的图像预先载入浏览器缓存中，可防止图像出现时由于下载而导致延迟。 1.4.10 转到URL “转到URL”行为可以在当前窗口或指定的框架中打开一个新页面。利用此行为可以通过一次单击更改两个或多个框架的内容，非常方便。 1.4.11 拖动层 浏览者在访问添