网页设计课件第10章.pptVIP

第10课 行为与事件 课堂讲解 上机实战 课堂讲解 什么是行为 什么是事件 认识“行为”面板 添加、修改和删除行为 获取更多的行为 应用行为 什么是行为 行为（Behavior）是在Dreamweaver 8中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。 什么是事件 浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。 根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。Internet Explorer和Netscape Navigator是当今主的流浏览器。IE4表明此事件适用于Internet Explorer 4.0浏览器，NE4表明此事件适用于Netscape Navigator 4.0浏览器。 认识“行为”面板 在使用行为前要先了解行为的具体操作场所——“行为”面板，在Dreamweaver 8右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择[窗口]?[行为]菜单命令，也可按【Shift+F4】键打开“行为”面板。 添加、修改和删除行为 添加行为 修改行为 删除行为 添加行为 在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。 修改行为 选择添加行为的对象。 按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。 删除行为 在“行为”面板中选择要删除的行为。 单击 按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。 获取更多的行为 Dreamweaver 8自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。 应用行为 设置文本 “设置层文本”行为 “设置框架文本”行为 “设置文本域文本”行为 “设置状态栏文本”行为 播放声音 打开浏览器窗口 交换图像 恢复交换图像 改变属性 “设置层文本”行为 “设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。 “设置框架文本”行为 “设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。 “设置文本域文本”行为 “设置文本域文字”行为可以用指定的内容替换表单文本域的内容。 “设置状态栏文本”行为 “设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。 播放声音 “播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。 打开浏览器窗口 打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。 交换图像 “交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。 恢复交换图像 “恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。 改变属性 “改变属性”行为用于改变网页元素的属性值。 检查浏览器 “检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的