第6章 行为.pptVIP

第6章 行为 6.1 行为的概念 6.1.1 认识行为 行为是事件和由该事件触发的动作的组合。通过应用直观的命令语句，为网页中对象添加一些动态的效果和交互功能。 事件是浏览器生成的消息，指示该页的访问者执行了某种操作。 动作是由预先编写的 JavaScript 代码组成的，这些代码执行特定的任务。 6.1.2 认识事件 Dreamweaver常见事件如下： （1）窗口事件 窗口事件是指窗口发生变化时所触发的事件。 （2）鼠标事件 鼠标事件是当鼠标对页面执行操作时触发的事件，如 单击、双击、指向等。 （3）键盘事件 键盘事件是操作键盘时触发的事件。 （4）表单事件 表单事件是表单上的控件发生变化或操作表单上控件所 触发的事件。 6.2 “行为”面板 选择“窗口”|“行为”命令可以打开“行为”面板 6.3 向网页添加行为 可以将行为附加到整个文档（即附加到 body 标签），还可以附加到链接、图像、表单元素或多种其它 HTML 元素中的任何一种。 6.4 使用内置行为 6.4.1 显示与隐藏层 “显示－隐藏层”动作显示、隐藏或恢复一个或多个层的默认可见性。 6.4 使用内置行为 6.4.2设置层文本 “设置层文本”动作用指定的内容替换页上现有层的内容和格式设置。该内容可以包括任何有效的 HTML 源代码。虽然“设置层文本”将替换层的内容和格式设置，但保留层的属性，包括颜色。 6.4 使用内置行为 【例6-1】层与行为实例 利用层与“设置层文本”行为相结合的方法，实现以下动态效果：当鼠标移入左边一个图像时，右边会显示相应栏目介绍信息，当鼠标移出此图像时，右边恢复显示初始信息。 6.4 使用内置行为 6.4.3 播放声音 使用“播放声音”动作来播放声音。 注意：浏览器可能需要用某种附加的音频支持（例如音频插件）来播放声音。因此，具有不同插件的不同浏览器所播放声音的效果通常会有所不同。 6.4 使用内置行为 6.4.4 交换图像 “交换图像”动作通过更改 img 标签的 src 属性将一个图像和另一个图像进行交换。使用此动作创建鼠标经过图像和其它图像效果（包括一次交换多个图像）。插入鼠标经过图像会自动将一个“交换图像”行为添加到页面中。 6.4 使用内置行为 【例6-2】交换图像实例1 6.4 使用内置行为 【例6-3】交换图像实例2 6.4 使用内置行为 6.4.5 打开浏览器窗口 使用“打开浏览器窗口”动作在一个新的窗口中打开 URL。可以指定新窗口的属性（包括其大小）、特性（它是否可以调整大小、是否具有菜单栏等）和名称。 6.4 使用内置行为 6.4.6 转到URL “转到 URL”动作在当前窗口或指定的框架中打开一个新页。此操作尤其适用于通过一次单击更改两个或多个框架的内容。 6.4 使用内置行为 6.4.7 设置导航条图像 使用“设置导航条图像”动作将某个图像变为导航条图像，或更改导航条中图像的显示和动作。 6.4 使用内置行为 6.4.8 设置状态栏文本 “设置状态栏文本”动作在浏览器窗口底部左侧的状态栏中显示消息。 6.4.9 显示弹出菜单 使用“显示弹出菜单”行为来创建或编辑 Dreamweaver 弹出式菜单，或者打开并修改已插入 Dreamweaver 文档的 Fireworks 弹出式菜单。 6.4.10 控制 Shockwave 或 Flash 使用“控制 Shockwave 或 Flash”动作来播放、停止、倒带或转到 Macromedia Shockwave 或 Macromedia Flash SWF 文件中的帧。 【例6-5】 控制 Shockwave 或 Flash实例 * * 停止浏览器加载页面时触发的事件 onUnload 改变窗口大小时触发的事件 onResize 移动窗口时触发的事件 onMove 浏览器加载网页时触发的事件 onLoad 停止和中断网页所触发的事件 onAbort 含义 属性名 鼠标移动滚动条触发的事件 onScroll 鼠标左键弹起时触发的事件 onMOuseUp 鼠标指向对象时触发的事件 onMouseOver 鼠标移开对象时触发的事件 onMouseOut 鼠标移动时触发的事件 onMouseMove 鼠标左键按下时触发的事件 onMouseDown 对象获取焦点时触发的事件 onFocus 开始拖动对象时触发的事件 onDragStart 释放拖动对象时触发的事件 onDragDrop 双击时触发的事件 onDbClick 单击时触发的事件 onClick 对象失去焦点所触发的事件 onBlur 含义 属性名 键盘上被按下的键弹起时的事件 onKeyUp 键盘上按某个特定键时触发的事件 onKeyPr