第15章 行为 Dreamweaver CS4提供了丰富的行为，这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能，使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念，以及“行为” 面板的基本操作；接着结合实例具体讲解常用的.

Presentation on theme: "第15章 行为 Dreamweaver CS4提供了丰富的行为，这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能，使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念，以及“行为” 面板的基本操作；接着结合实例具体讲解常用的."— Presentation transcript:

1 第15章 行为 Dreamweaver CS4提供了丰富的行为，这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能，使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念，以及“行为” 面板的基本操作；接着结合实例具体讲解常用的 Dreamweaver CS4内置的行为；

2 15.1 认识行为面板 什么是行为 行为面板的基本操作

3 什么是行为 行为是用来动态响应用户操作、改变当前页面效果或是 执行特定任务的一种方法。行为是由对象、事件和动作 构成。例如，当用户把鼠标移动至对象上（事件），这 个对象会发生预定义的变化（动作）。 对象是产生行为的主体。网页中的很多元素都可以成为 对象，例如：整个HTML文档、图像、文本、多媒体文件、 表单元素等。 事件是触发动态效果的条件，在15.2节将具体介绍 Dreamweaver CS4中常用的事件类型。 动作是最终产生的动态效果。动态效果可能是图片的翻 转、链接的改变、声音播放等。用户可以为每个事件指 定多个动作。动作按照其在“行为”面板列表中的顺序 依次发生。

4 行为面板的基本操作 “行为”面板的基本操作包括打开面板、显示事件、 添加行为、删除行为等。

5 15.2 添加事件 在Dreamweaver CS4中，可以将事件分为不同的种类。有的与鼠标有关，有的与键盘有关，如鼠 标单击、键盘某个键按下。有的事件还和网页相关，如网页下载完毕，网页切换等。常用的事 件如下： OnBlur：当指定的元素停止从用户的交互动作上获得焦点时，触发该事件。例如，当用户在交 互文本框中单击后，再在文本框之外单击，浏览器会针对该文本框产生一个onBlur事件。 OnClick：当用户在页面中单击使用行为的元素，如文本、按钮或图像时，就会触发该事件。 OnDblclick：在页面中双击使用行为的特定元素（文本、按钮或图像）时，就会触发该事件。 OnError：当浏览器下载页面或图像发生错误时触发该事件。 OnFocus：指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时， 该文框就会产生一个“onFocus”事件。 OnKeydown：当用户在浏览网页时，按下一个键后且尚未释放该键时，就会触发该事件。该事件 常与“onKeydown”与“onKeyup”事件组合使用。 OnKeyup：当用户浏览网页时，按下一个键后又释放该键时，就会触发该事件。 OnLoad：当网页或图像完全下载到用户浏览器后，就会触发该事件。 OnMouseDown：浏览网页时，单击网页中建立行为的元素且尚未释放鼠标之前，就会触发该事件。 OnMousemove：在浏览器中，当用户将鼠标在使用行为的元素上移动时，就会触发该事件。 OnMouseover：在浏览器中，当用户将鼠标指向一个使用行为的元素时，就会触发该事件。 OnMouseout：在浏览器中，当用户将鼠标从建立行为的元素移出后，就会触发该事件。 OnMouseup：在浏览器中，当用户在使用行为的元素上按下鼠标并释放后，就会触发该事件。 OnUnload：当用户离开当前网页（关闭浏览器或跳转到其他网页）时，就会触发该事件。

6 15.3 使用Dreamweaver CS4内置的行 为
Dreamweaver CS4内置了20多种行为，如弹出信息、 打开浏览器窗口、播放声音、调用Javascript、改变 属性、检查表单、检查插件、检查浏览器、交换图像、 控制Flash、设置导航栏图像、设置文本、跳转菜单、 拖动AP元素、显示/隐藏元素、转到URL等。本节将具 体介绍如何使用这些Dreamweaver CS4内置的行为， 轻松实现各种效果，使网页更具交互性。

7 播放声音 使用播放声音动作可以设置网页的背景音乐。例如，当用户将网页载入 浏览器时播放音乐，或当用户在网页中单击某个对象时，开始播放声音。 具体操作步骤如下： （1）打开网站首页“index.htm”，并单击状态栏中的“body”标签。 （2）在“行为”面板中单击“+”号按钮，从下拉菜单中选择“建议不 再使用”->“播放声音”命令，弹出“播放声音”对话框，在“播放声 音”文本框中输入要播放的音频文件名称与路径，单击“确定”按钮， 如图15.14所示。 （3）在“行为”面板中，单击事件名称旁边的下拉箭头，在打开的下 拉列表框中选择需要的事件，这里选择“onLoad”，如图15.15所示。 （4）保存文件，在浏览器中预览即可看到效果。当页面加载时，就开 始播放声音。

8 打开浏览器窗口 使用打开浏览器窗口动作，可以在事件发生时打开一 个新浏览器窗口。用户可以设置新窗口的各种属性， 如窗口名称、大小等。例如，当浏览者打开网站首页 时，同时弹出广告窗口“ad.html”，效果如图15.11 所示。

9 弹出信息 使用弹出信息动作，在事件发生时弹出一个事先指定 好的信息提示框，可以为浏览者提供信息，该提示框 只有一个“确定”按钮。下面以网页中的按钮为例， 单击按钮，弹出信息提示框，单击信息提示框的“确 定”按钮，信息提示框关闭，如图15.7所示。

10 检查浏览器 使用检查浏览器动作可以检测用户浏览器的类型和版 本，并使不同类型和版本的浏览器用户转到不同的网 页。用这种方法能够使那些使用低版本浏览器的用户 仍能正常浏览网页的内容。具体操作步骤如下： 在“行为”面板中单击“+”号按钮->“建议不在使用”->“检查浏览 器”

11 交换图像 使用交换图像动作，可以在页面中添加交替显示的图 像。例如当鼠标移至设置了行为的图像上时，显示其 他的图像，鼠标移开则恢复最初的图像。具体操作步 骤如下：

12 设置状态栏文本 在网页中使用设置文本动作，当事件发生时，指定的 文本将替代当前的内容。

13 设置弹出菜单 在网页中使用层和行为创建下拉菜单。方法如下：