网页设计 第6节行为应用 共九节.ppt

第6章 Dreamweaver 行为应用 本章学习目标 熟悉层、事件、动作的概念和相互关系 了解JavaScript脚本语言运行的环境 掌握Dreamweaver MX 2004行为面板的使用方法 掌握通过行为面板创建网页动态效果的操作过程 6.1 Dreamweaver 行为的基本概念 行为（Behaviors）是响应某一事件（Event）而采取的一个动作（Action）。行为是Dreamweaver MX 2004中最有特色的功能，它实质上是网页中调用Javascript代码，以实现网页的动态效果，但使用了Dreamweaver MX 2004的行为功能，就不需要掌握复杂的Javascript代码而轻松完成一个需要几十行甚至几百行代码才能完成的功能。 6.1.1 行为面板 网页中的事件（Event）是指鼠标、键盘的响应方法，Dreamweaver MX 2004提供了许多常用的事件。 启动Dreamweaver MX 2004，单击“【窗口】→【行为】”菜单命令或按Shift+F3键，系统打开“行为”面板，如图6-1-1所示。 “行为”面板主要项目功能如下： 加（+）减（—）按钮：用于添加或删除动作（Actions）。 动作：是网页产生的具体行为，如上图设置将产生网页时弹出一个信息窗口的网页效果。 事件：当选定某个动作时，事件右侧出现一个箭头，按此箭头产生一个事件处理的下拉菜单，通过下拉菜单可选择触发动作发生的条件，以下是常见事件及描述。 OnClick：当访问者在指定的元素上单击时产生。 onDblClick：当访问者在指定的元素上双击时产生。 onKeyDown：当按下任意键的同时产生。 onKeyPress：当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件合在一起。 onKeyUp：当按下的键松开时产生。 onLoad：当一图像或网页载入完成时产生。 onMouseDown：当访问者按下鼠标时产生。 onMouseMove：当访问者将鼠标在指定元素上移动时产生。 onMouseOut：当鼠标从指定元素上移开时产生。 onMouseOver：当鼠标第一次移动到指定元素时产生。 onMouseUp：当鼠标弹起时产生。 onSubmit：当访问者提交表格时产生。 onUnload：当访问者离开网页时产生。 6.1.2行为与浏览器的关系 虽然在网页中使用行为可以产生互动的效果，增强网页的交互性，但是，并不是所有的浏览器都支持Dreamweaver MX 2004中的行为，目前网络上使用最多的是Netscape Navigator和Internet Explorer两种浏览器，我国普遍使用Internet Explorer浏览网页，而只有IE4.0及以上版本的浏览器才可以对大多数的行为正常使用。同一个行为在不同的浏览器中显示也是不一样的，某个行为可以在这个版本的浏览器里正常显示，而在另一个版本的浏览器就不能显示。 6.2 设定行为命令 6.2.1 在对象中加入行为命令 Dreamweaver MX 2004中使用行为，应使用以下一般操作步骤： （1）选择一个想要添加行为的网页元素（可以借助状态栏中的标记符选择器，例如选择body可为整个网页设置行为）。 （2）选择“【窗口】→【行为】”菜单命令，打开“行为”面板。 （3）单击添加行为按钮,并弹出一个菜单。 （4）在菜单中选择一个动作，系统弹出该动作的设置对话框，显示动作的参数和说明。输入动作的相关参数后单击“确定”按钮。 （5）回到行为面板，此时行为面板中增加了一个行为行，如图6-1-1所示。 6.2.2 编辑行为 为对象添加行为后，有时需要改变触发行为的事件，增加、删除动作或改变动作参数等，这些都属于编辑行为的操作。 1．更改事件 Dreamweaver MX 2004中设置动作时会自动创建一个事件，默认的事件有时并不是用户需要的，比如弹出消息窗口，默认事件是Onload事件，即网页加载时弹出消息窗口，但用户如果希望单击网页后弹出消息窗口，就必须更改事件为Onclick事件。 操作方法为单击“事件”栏，再单击事件旁边的 按钮，在事件下拉列表菜单中选择Onclick事件，如图6-2-1所示。事件和当前选择的网页对象是相关联的，因此事件下拉列表菜单中的内容随所选网页对象不同而变化。 如果在选择了正确的网页对象后，发现所期望的事件并没有出现在事件列表菜单中，这时应尝试改变浏览器。方法是单击“+”按钮，在图6-2-2所示的弹出菜单中选择“显示事件”命令