第七章 行为.pptVIP

第七章 行为 Dreamweaver CS4提供了丰富的行为，这些行为的使用可以为网页对象添加一些动态效果和简单的交互功能，使那些不熟悉JavaScript语言的网页设计师也可以方便的设计出通过编写JavaScript语言才能实现的功能。本章将首先介绍一些基本概念，以及“行为”面板的基本操作；接着结合实例具体讲解常用的Dreamweaver CS4内置的行为；最后来学习利用插件管理器安装扩展行为，以及如何在Dreamweaver CS4中应用插件。 7.1 行为 7.1.1 认识行为 7.1.2 行为面板 7.1.3 认识事件 7.1.1 认识行为 利用行为可以实现用户和网页之间的交互，通过用户在网页中触发一定的事件来引发一些相应的动作。????? 一般来说，行为有一个事件（Event）和一个动作（action）组成。事件通常由浏览器确定，比如单击鼠标左键事件、鼠标经过事件和文件下载事件等。动作通常由一段JavaScript代码组成，通过网页中执行这段代码就可以完成相应的任务，比如打开新的浏览窗口、播放声音或弹出信息等。行为代码是客户端JavaScript代码，即它运行于浏览器中，而不是服务器上。Dreamweaver本身提供了很多常用内置行为，而且会把JavaScript代码添加在页面中，而不需要自己写。当然，也可以对有的代码进行手工修改，使之更符合自己的需要。??????? 单个事件可以触发多个不同的动作，这些动作发生的顺序可以在Dreamweaver中被指定，从而达到需要的效果。 7.1.2 行为面板 “行为”面板的基本操作包括打开面板、显示事件、添加行为、删除行为等，具体操作步骤如下： 7.1.3 认识事件 在Dreamweaver CS4中，可以将事件分为不同的种类。有的与鼠标有关，有的与键盘有关，如鼠标单击、键盘某个键按下。有的事件还和网页相关，如网页下载完毕，网页切换等。常用的事件如下： OnBlur：当指定的元素停止从用户的交互动作上获得焦点时，触发该事件。例如，当用户在交互文本框中单击后，再在文本框之外单击，浏览器会针对该文本框产生一个onBlur事件。 OnClick：当用户在页面中单击使用行为的元素，如文本、按钮或图像时，就会触发该事件。 OnDblclick：在页面中双击使用行为的特定元素（文本、按钮或图像）时，就会触发该事件。 OnError：当浏览器下载页面或图像发生错误时触发该事件。 OnFocus：指定元素通过用户的交互动作获得焦点时触发该事件。例如在一个文本框中单击时，该文框就会产生一个“onFocus”事件。 OnKeydown：当用户在浏览网页时，按下一个键后且尚未释放该键时，就会触发该事件。该事件常与“onKeydown”与“onKeyup”事件组合使用。 OnKeyup：当用户浏览网页时，按下一个键后又释放该键时，就会触发该事件。 OnLoad：当网页或图像完全下载到用户浏览器后，就会触发该事件。 OnMouseDown：浏览网页时，单击网页中建立行为的元素且尚未释放鼠标之前，就会触发该事件。 OnMousemove：在浏览器中，当用户将光标在使用行为的元素上移动时，就会触发该事件。 OnMouseover：在浏览器中，当用户将鼠标指向一个使用行为的元素时，就会触发该事件。 OnMouseout：在浏览器中，当用户将光标从建立行为的元素移出后，就会触发该事件。 OnMouseup：在浏览器中，当用户在使用行为的元素上按下鼠标并释放后，就会触发该事件。 OnUnload：当用户离开当前网页（关闭浏览器或跳转到其他网页）时，就会触发该事件。 7.2 应用行为 7.2.1 安装第三方行为 7.2.2 绑定行为 7.2.3 修改行为 7.2.1 安装第三方行为 DreamweaverCS4最有用的功能之一就是它的扩展性，即它为精通JavaScript的用户提供了编写JavaScript代码的机会，这些代码可以扩展Dreamweaver的功能。然后要创建行为，必须精通HTML和JavaScript语言，这有很大的难度。好在网上有许多可用的第三方行为提供下载。? ? ? ? 若要从Exchange站点下载和安装新行为，请执行以下操作： 1、打开“行为”面板并单击“添加行为”按钮，在弹出菜单中执行“获取更多行为”。这是会自动启动浏览器，连接到Dreamweaver的官方站点下载行为。2、下载并解压行为扩展包。3、将解压的文件存入Dreamweaver安装目录下的Configuration\Behaviors\Action文件夹中。4、重新启动DreamweaverCS4。 7.2.2 绑定行为 行为可以绑定到整个