使用Dreamweaver中的行为.ppt

4.3 使用Dreamweaver中的行为 4.4 制作展开菜单 4.5 制作跳转菜单 本节概述 本节主要讲述如何使用行为。行为在网页中常被用在页面的交互中，通过使用行为可以使网页多些“灵性”。如当用户打开或页面下载完时弹出一个问候或消息的对话框。还可通过【检查表单】行为检查用户是否按照表单的要求如实的填写调查表，这样可以防止一些垃圾信息。行为在网页的设计和制作中常和层、表单等页面元素结合使用。合理的使用行为可以为网站增添不少特色。 学习目标 理解行为和事件的概念 掌握行为面板的使用 掌握行为的应用方法。 本节内容 行为概述 行为面板 Dreamweaver内置的行为 下载和安装第三方行为 行为的应用 一、行为简介 行为（behaviors）实际上就是JavaScript产生器，以前网页设计者要设计互动效果的网页必须学习JavaScript脚本语言。现在有了Dreamweaver这个强大的网页设计工具，不用写一句代码就可以创建互动式网页。 Dreamweaver行为将JavaScript代码放置在文档中以允许访问者与Web页进行交互，从而以多种方式更改页或引起某些任务的执行。行为是事件和由该事件触发的动作的组合。在行为面板中，通过指定一个动作然后指定触发该动作的事件，可将行为添加到页中。 1. 行为概念 为了更好地理解行为的概念，下面分别解释与行为相关的三个重要的概念【对象】、【事件】和【动作】。 【对象】是产生行为的主体，很多网页元素都可以成为对象，如图片、文字、多媒体文件等。此外，网页本身有时也可作为对象。 【事件】是触发动态效果的原因，它可以被附加到各种页面元素上，也可以被附加到HTML标记中。一个事件总是针对页面元素或标记而言的，例如将鼠标指针移到图片上、把鼠标指针放在图片之外和单击鼠标左键，是与鼠标有关的三个最常见的事件(onMouseOver、onMouseOut、onClick)。不同的浏览器支持的事件种类和数量是不一样的，通常高版本的浏览器支持更多的事件。 【动作】是指最终需完成的动态效果，如交换图像、弹出信息、打开浏览器窗口、播放声音等都是动作。动作通常是一段JavaScript代码。在Dreamweaver 8中使用内置的行为时，系统会自动向页面中添加JavaScript代码，用户完全不必自己编写。 将事件和动作组合起来就构成了行为。 １．行为概述 行为是在网页中进行的一系列动作，通过这些动作实现用户同网页的交互，也可以通过动作使某个任务被执行。通常，行为由事件（event）和对应动作（actions）组成。 事件是浏览器为每个网页元素做的定义，以响应用户的动作，是浏览器生成的消息，指示页的访问者执行了某种操作。 动作包含了预先写好的用来执行任务的JavaScript代码。如打开浏览器窗口、显示或隐藏层、播放声音等。 网页中的每个元素都可以看作是一个对象，在Dreamweaver 8中可以给任何对象附加一个行为。 行为概述 2. 行为工作原理 在将行为附加到页元素之后，只要该元素发生了用户所指定的事件，浏览器就会调用与该事件关联的动作（JavaScript代码）（可以用来触发给定动作的事件随浏览器的不同而有所不同）。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。 单个事件可以触发多个不同的动作，可以指定这些动作发生的顺序。 Dreamweaver 8提供大约20多个行为动作，可以在Macromedia Exchange Web站点以及第三方开发人员站点上找到更多的动作。如果精通JavaScript，可以编写自己的行为动作。 3. 使用行为面板 在Dreamweaver 8中，对行为的添加和控制主要通过【行为】面板来实现。具体操作步骤如下。 1)．选择【窗口】中的【行为】命令。 2)．打开【行为】面板，如图所示。 行为面板图示 行为面板按钮说明 (1)显示设置事件:仅显示附加到当前文档的那些事件。每个类别的事件都包含在一个可折叠的列表中，您可以单击类别名称旁边的加号/减号按钮展开或折叠该列表。“显示设置事件”是默认的视图。 (2)显示所有事件:按字母降序显示给定类别的所有事件。 (3)添加动作(+):是一个弹出菜单，其中包含可以附加到当前所选对象的动作。当从该列表中选择一个动作时，将出现一个对话框，您可以在该对话框中指定该动作的参数。如果所有动作都灰显，则没有所选对象可以生成的事件。 (4)删除(-):从行为列表中删除所选的事件和动作。 (5)上下箭头按钮：将特定事件的所选动作在行为列表中向上或向下移动，但只在相同事件多个动作时才会显示。给定事件的动