网页设计培训教程网页设计教程 第10章 行为与事件

课堂讲解上机实战第10课行为与事件课堂讲解什么是行为什么是事件认识“行为〞面板添加、修正和删除行为获取更多的行为运用行为什么是行为行为〔Behavior〕是在Dreamweaver8中预置的JavaScript程序，由事件〔event〕和对应动作〔actions〕组成。它能实现用户与网页间的交互，经过某个动作来触发某项方案。如当用户在页面中将鼠标挪动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。什么是事件阅读器都会提供一组事件，事件与动作相关联。当访问者与网页进展交互时，阅读器生成事件，但并非一切的事件都是交互的，如设置网页每10s自动重新载入。根据所选对象和在“显示事件〞子菜单中指定的阅读器的不同，显示在“事件〞下拉列表框中的事件将有所不同。InternetExplorer和NetscapeNavigator是当今主的流阅读器。IE4阐明此事件适用于InternetExplorer4.0阅读器，NE4阐明此事件适用于NetscapeNavigator4.0阅读器。认识“行为〞面板在运用行为前要先了解行为的详细操作场所——“行为〞面板，在Dreamweaver8右侧的浮动面板组中翻开“标签〞面板，在其中单击“行为〞选项卡翻开“行为〞面板，如没有“行为〞面板，可以选择[窗口][行为]菜单命令，也可按【Shift+F4】键翻开“行为〞面板。添加、修正和删除行为添加行为修正行为删除行为添加行为在不同类型的阅读器中可以根据需求将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。修正行为选择添加行为的对象。按【Shift+F4】键翻开“行为〞面板，在其“动作〞列表中双击要修正的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为〞命令，在翻开的对话框中进展修正，然后单击“确定〞按钮。删除行为在“行为〞面板中选择要删除的行为。单击按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为〞命令，还可以直接按【Delete】键即可。获取更多的行为Dreamweaver8自带的行为比较少，假设想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为〞下拉列表中选择“获取更多的行为〞选项，那么会翻开Macromedia公司官方网站提供的行为下载页面。运用行为设置文本“设置层文本〞行为“设置框架文本〞行为“设置文本域文本〞行为“设置形状栏文本〞行为播放声音翻开阅读器窗口交换图像恢复交换图像改动属性检查阅读器检查插件检查表单设置导航栏图像转到URL弹出信息拖动层显示-隐藏层弹出式菜单调用JavaScript控制Shockwave或Flash预先载入图像跳转菜单跳转菜单开场时间轴“设置层文本〞行为“设置层文本〞行为可以用指定的内容交换现有层的内容和格式设置，但将保管层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。“设置框架文本〞行为“设置框架文本〞行为可以动态设置框架的文本，用指定的内容交换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。运用此行为可以动态显示信息。“设置文本域文本〞行为“设置文本域文字〞行为可以用指定的内容交换表单文本域的内容。“设置形状栏文本〞行为“设置形状栏文本〞行为可在阅读器窗口底部左侧的形状栏中显示音讯。如可以运用此行为在形状栏中阐明链接的目的而不是显示链接的URL。播放声音“播放声音〞行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。翻开阅读器窗口翻开一个新的阅读器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、能否可调理大小、能否有菜单等属性。交换图像“交换图像〞行为可将一个图像交换为另一个图像，这是经过更改“scr〞属性来实现的，此动作普通用来创建翻转按钮以及同时交换多个图片。恢复交换图像“恢复交换图像〞行为用于将交换的图像恢复为原始的图像文件。改动属性“改动属性〞行为用于改动网页元素的属性值。检查阅读器“检查阅读器〞行为是为了根据阅读者运用的阅读器版本的不同来决议访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何阅读器都兼容页面的＜body＞标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者阅读器的类型和版本确定链接的目的页面。检查插件“检查插件〞行为用于检查访问者的电脑中能否安装了特定的插件，而决议将阅读者带往不同的页面，如阅读者电脑中安装了Flash插件，那么就播放Flash给阅读者观看，假设没有安装，就直接将阅读者带往没有Flash的页面。检查表单“检查表单〞行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。运用“onBlur〞事件添加到文本域，可以在用户填写表单时对域进展检查，假设运用“onSubmit〞事件将其添加到表单，在用户提交表单时可同时对多个文本域进展检查。运用该行为可以防止表单提交到效力器后指定的文本域包含无效的数据。设置导航栏图像“设置导航栏图像〞行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。运用“设置导航栏图像〞行为，可以实现选择[插入][图像对象][导航条]菜单命令一样的功能。转到URL选择“转到URL〞行为可在当前窗口或指定框架内翻开一个新的页面。此行为在一次单击改动两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特定时间间隔后跳转到新的页面。弹出信息“弹出信息〞行为将用于显示一个指定的JavaScript提示信息框。该提示信息是提供应阅读者信息的，阅读者不能做出选择，也不能控制信息框的外观，只需一个“确定〞按钮，其外观取决于阅读器属性。拖动层“拖动层〞行为使网页中层的位置不再是固定不变的，而是可以随着阅读者的鼠标运动而运动，层在拖动过程中还可调用JavaScript代码或函数，从而实现一些特殊效果。显示-隐藏层“显示-隐藏层〞行为用于改动一个或多个层的可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时，那么显示该图像的相关信息，当鼠标光标分开这个图像时，提示信息那么消逝。弹出式菜单“弹出式菜单〞行为用于在网页中实现类似于Windows系统中菜单效果，在设计网页时可以把一个类别的页面都放在菜单中，这样就能从主页直接访问到需求的子页，以方便阅读者。跳转菜单“跳转菜单〞行为是用于修正曾经创建好的跳转菜单。跳转菜单开场“跳转菜单开场〞行为与“跳转菜单〞行为亲密相关，“跳转菜单开场〞行为允许将“前往〞按钮和一个“跳转菜单〞行为关联起来。调用JavaScript“调用JavaScript〞行为用于执行“行为〞面板中某个特定事件时调用本人编写的JavaScript代码、函数。控制Shockwave或Flash“控制Shockwave或Flash〞行为用来控制MacromediaShockwave或MacromediaFlash的播放、停顿、重放或跳转到某一帧操作。预先载入图像在网页中包含了各种各样的图像，有些图像在网页被阅读器下载的时候不能被同时下载，要显示这些图片就需求再次发出下载指令，这样会影响阅读者的阅读。这时可运用“预先载入图像〞行为先将这些图片载入到阅读器的缓存中，防止出现延迟。时间轴