网页设计与制作第9章使用行为.ppt

第9章 使用行为 第9章 使用行为 9.1 行为概述 9.1.1 【行为】面板 9.1.2 关于事件 第9章 使用行为 9.2 基本浏览器行为 9.2.1弹出信息 9.2.2打开浏览器窗口 9.2.3设置导航栏图像 9.2.4显示弹出式菜单 9.2.5交换图像 9.2.6播放声音 9.2.7拖动层 9.2.8显示与隐藏层 9.2.9控制Shockwave或Flash 9.2.10检查表单 9.2.11调用JavaScript 9.2.12转到URL 9.2.13检查插件 9.2.14检查浏览器  行为的概念： 行为是Dreamweaver MX 2004中自带的一段JavaScript代码，使用行为可以使用户与网页之间产生一种交互，以改变一个页面或引发一个任务。 Dreamweaver MX 2004提供了丰富的行为，内置了21种常见的行为，这些行为的设置可以为网页对象添加一些动态效果和简单的交互功能，从而使那些不熟悉JavaScript或VBScript的用户，也可以方便的设计出只有通过复杂的JavaScript或VBScript语言才能实现的功能。 当然你也可以自己编写行为。 9.1 行为概述 行为三打的组成要素：对象、事件和动作 对象是产生行为的主体。网页中的很多元素都可以成为对象，例如：整个HTML文档、插入的一个图片、一段文字、一个媒体文件等。对象也是基于成对出现的标签中，在创建时首先选中对象的标签。 事件是触发动态效果的条件。网页事件分为不同的种类。有的与鼠标有关，有的与键盘有关，如鼠标单击、键盘某个键按下。有的事件还和网页相关，如网页下载完毕，页面切换等。一个事件也可以触发许多动作，你可以定义它们执行的顺序。对于同一个对象，不同版本的浏览器支持的事件种类和多少也是不一样的。 9.1 行为概述 动作是最终产生的动态效果。动态效果可能是图片的翻转、链接的改变、声音播放等。 行为可以附加到整个文档，还可以附加到链接、图象、表单元素或其他网页对象中的任何一种，用户可以为每个事件指定多个动作。动作按照它们在行为面板的动作列表中列出的顺序发生。注意：不同的显示器支持的行为事件是不一样的。 9.1.2 关于事件 事件的出现类型取决于所选对象和浏览器。所选对象的不同，所能显示的事件也有所不同；而不同的浏览器对事件的支持也不相同，可在【添加行为】菜单的【显示事件】子菜单中指定浏览器，浏览器的版本越高，能支持的事件越多。 下面列举一些不同的浏览器能引发的事件，同时介绍各种事件的功能。 onAbort：当浏览器正载入一幅图像，用户停止了浏览 器的运行时（例如，单击浏览器的【停止】按钮），引发该事件。 onAfterUpdate：当页面上被选中的数据元素完成了更新数据源后，引发该事件。 onBeforeUpdate：当页面上被选中的数据元素已经改变并且将要失去焦点时（因些就要开始更新数据源）时，引发该事件 onBlur：这是和onFocus相反的事件，当指定元素不再是用户与网页交互的焦点时，这个事件发生。例如，用户单击了一个文本区域后，又单击文本区域外部的部分，就为这个文本区域引发一个onBlur事件。 onChange：当改变了页面上的一个值，如在菜单中选择了一个项目，或者先改变了文本区域的值，然后单击页面以外的部分时，会引发这个事件。 onClick：当访问者用鼠标单击特定事物时，引发该事件。 onDblClick：当访问者用鼠标双击特定物件时，引发该事件。 onError：当载入一个页面或者图像，浏览器出现错误时，引发该事件。 9.1.2 关于事件 onFinish：当个字幕元素的内容完成一个循环时，引发该事件。 onFocus：当指定的元素成为访问者交互的焦点时，引发该事件。 onHelp：当访问者点击浏览器的帮助按键时，引发该事件。 onKeyDown：当访问者按下任何键（未释放）时，引发该事件。 onKeyPress：当访问者按下按任何键（己释放）时，引发该事件。这个事件就像【onKeydown】和【onKeyUp】事件的组合。 onKeyUp：当访问者按下一个键再释放它时，引发该事件。 onLoad：当网页或图像完成载入时，引发该事件。 onMouseDown：当访问者按下鼠标键的时候（要引发该事件，访问者不必释放鼠标键），引发该事件。 onMouseMove：当光标指向一