第12章 行为应用.ppt

第 十二章 行为应用 课前导读 基础知识 重点知识 基础知识 行为和事件的概念，行为面板的使用以及行为的编辑方法。 重点知识 行为的具体应用，如用行为制作下拉菜单、弹出浏览器窗口等。 课堂讲解 行为简介 事件简介 认识“行为”面板 行为的编辑 行为的具体应用 行为简介 行为是Macromedia预置的JavaScript程序库，由事件和对应动作组成。能实现用户与网页间的交互，通过某个动作来触发某项计划。例：当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver、onClick，同时触发了一个动作载入图像。 Dreamweaver MX 2004内置了21种行为，都是一些比较常用的功能。行为也可由用户自己编写，还可以从Macromedia公司和其他第三方的开发网站下载。 事件简介 每个浏览器都提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，例如：设置网页每10s自动重新载入。 根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。Internet Explorer和Netscape Navigator是当今主流的浏览器。事件在这两大浏览器中的适用范围如表12-1所示。 表12-1 续表 认识“行为”面板 在介绍行为的编辑之前，先认识一下对行为进行添加和控制操作的“行为”面板。“行为”面板位于“标签”面板组中，如果面板组中没有“行为”面板，可以选择[窗口]? [行为]菜单命令，或按【Shift+F3】键来打开“行为”面板，如图12-1所示。 “行为”面板中各按钮的功能如下。 ：单击该按钮只显示已设置的事件列表。 ：单击该按钮将显示所有事件列表。 ：单击该按钮会弹出一个下拉列表，如图12-2所示。在该下拉列表中选择相应的行为后，会打开相应的对话框，设置完成后将为指定的对象添加行为。如列表中的行为呈灰色显示，说明所指定的对象不能添加该行为。 ：单击该按钮将删除在“行为”面板中选中的行为。 ：单击该按钮将向上移动所选择的动作。若该按钮为灰色，则表示不能移动。 ：单击该按钮将向下移动所选择的动作。若该按钮为灰色，则表示不能移动。 行为的编辑 添加行为 修改行为 删除行为 获取更多的行为 添加行为 在网页制作中，可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中，能否附加该行为由浏览器类型决定。 添加行为的具体操作如下。 （1）选中要添加行为的对象，若要将行为添加到整个页面，则单击页面左下角的body标签，如图12-3所示。 （3）选择了支持的行为后，将打开相应的对话框，对于不同的行为，打开的对话框不同。如选择“弹出信息”选项，则打开“弹出信息”对话框，如图12-4所示。在该对话框中进行相应的设置后，单击 按钮，即在“行为”面板列表中添加了一个“弹出信息”行为，如图12-5所示。 （4）“事件”列表中显示的是默认的事件，若事件不是所需要的事件，则可以单击该事件，“事件”列表则变为“事件”下拉列表框，单击右下方的 按钮，从弹出的下拉列表框中重新选择需要的事件即可，如图12-6所示。 修改行为 对现有的行为可以进行修改，具体操作如下。 （1）选中要修改行为的对象。 （2）在“行为”面板的“动作”列表中双击要修改的行为动作，或将其选中并按【Enter】键，也可以单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击 按钮即可。 （3）如果要修改行为的顺序，选中要调整顺序的行为，单击 和 按钮进行上下移动即可。 删除行为 若指定的对象不需要已添加的行为，则可以删除行为，具体操作如下。 （1）选中要删除的行为。 （2）单击 按钮，或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，或直接按【Delete】键即可。 获取更多的行为 前面说过，可以从Macromedia公司和其他第三方的开发网站下载行为。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的下载行为的网页。若要安装获取的行为，具体操作如下。 （1）选择[命令] ?[扩展管理]菜单命令，打开