功能讲解范例解析导读动态和消息课堂实训.ppt
上传人:天马****23 上传时间:2024-09-11 格式:PPT 页数:25 大小:2.1MB 金币:10 举报 版权申诉
预览加载中,请您耐心等待几秒...

功能讲解范例解析导读动态和消息课堂实训.ppt

功能讲解范例解析导读动态和消息课堂实训.ppt

预览

免费试读已结束,剩余 15 页请下载文档后查看

10 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

10.1功能讲解行为是某个事件和事件触发的动作的组合,是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。因此行为的基本元素有两个:事件和动作。事件是触发动作的原因,动作是事件触发后要实现的效果。实际上事件是由浏览器生成的消息,它提示该页的浏览者已执行了某种操作。动作是一段预先编写的JavaScript代码,可用于执行诸如以下的任务:打开浏览器窗口、显示或隐藏AP元素、转到URL等。在将行为附加到某个页面元素后,当该元素的某个事件发生时,行为即会调用与这一事件关联的动作。通过【行为】面板,用户可以方便地为对象添加行为,还可以修改以前设置过的行为参数。在DreamweaverCS6中,行为的添加和管理主要通过【行为】面板来实现。选择菜单命令【窗口】/【行为】,即可打开【行为】面板。在页面上选择一个对象,例如一个图像或一个链接。如果要将行为附加到整个文档,可在文档窗口左下角的标签选择器中单击选中<body>标签。选择菜单命令【窗口】/【行为】,打开【行为】面板(如果【行为】面板已经打开,不需要再操作此步)。单击+按钮并从下拉菜单中选择一个要添加的行为动作。在对话框中为动作设置参数。触发该动作的默认事件显示在【事件】列中。如果这不是所需要的触发事件,可从【事件】下拉列表中选择需要的事件。一、弹出信息。【弹出信息】行为显示一个包含指定消息的JavaScript提示框。在文档中选择要触发行为的对象,然后从行为菜单中选择【弹出信息】命令,在弹出的【弹出信息】对话框中进行参数设置。在【行为】面板中将事件设置为“onMouseDown”,即鼠标按下时触发该事件。二、调用JavaScript。【调用JavaScript】行为能够在事件发生时执行自定义的函数或JavaScript代码行。在文档中选择要触发行为的对象,如带有空链接的“关闭窗口”文本,然后从行为菜单中选择【调用JavaScript】命令,弹出【调用JavaScript】对话框,在文本框中输入JavaScript代码。在【行为】面板中确认触发事件为“onClick”。三、改变属性。选中Div标签并从【行为】菜单中选择【改变属性】命令,弹出【改变属性】对话框并设置参数,在【行为】面板中确认触发事件为“onMouseOver”,运用相同的方法再添加一个“onMouseOut”事件及相应的动作。四、交换图像。【交换图像】行为可以将一个图像替换为另一个图像,这是通过改变图像的“src”属性来实现的。虽然也可以通过为图像添加【改变属性】行为来改变图像的“src”属性,但是【交换图像】行为更加复杂一些,可以使用这个行为来创建翻转的按钮及其他图像效果(包括同时替换多个图像)。五、恢复交换图像。【恢复交换图像】行为就是将交换后的图像恢复为它们以前的源文件。选中已添加【交换图像】行为的对象,然后在【行为】面板中单击+按钮,从弹出的【行为】下拉菜单中选择【恢复交换图像】命令,弹出【恢复交换图像】对话框,直接单击【确定】按钮即可。六、打开浏览器窗口。使用【打开浏览器窗口】行为可在一个新的窗口中打开页面。选中一个对象,然后在【行为】面板中单击+按钮,从弹出的【行为】下拉菜单中选择【打开浏览器窗口】命令,打开【打开浏览器窗口】对话框,根据需要进行设置即可。七、Spry效果。“Spry效果”是视觉增强功能,几乎可以将它们应用于使用JavaScript的HTML页面上的所有元素。要使某个元素应用效果,该元素必须处于当前选定状态,或者必须具有一个ID名称。利用该效果可以修改元素的不透明度、缩放比例、位置和样式属性(如背景颜色),也可以组合两个或多个属性来创建有趣的视觉效果。由于这些效果都基于Spry,因此当用户单击应用了效果的对象时,只有对象会进行动态更新,不会刷新整个HTML页面。在【行为】面板的下拉菜单中选择【效果】命令,其子命令如图所示。八、转到URL。【转到URL】行为可在当前窗口或指定的框架中打开一个新页。此行为适用于通过一次单击更改两个或多个框架的内容。选中对象,并在【属性(HTML)】面板中为其添加空链接“#”。在【行为】面板中单击+按钮,从弹出的【行为】下拉菜单中选择【转到URL】命令,打开【转到URL】对话框。最后在【行为】面板中设置触发事件为“onClick”。九、预先载入图像。在文档中选择一个对象,如在标签选择器中选择“<body>”标签,然后在【行为】面板中单击+按钮,从弹出的【行为】下拉菜单中选择【预先载入图像】,打开【预先载入图像】对话框进行设置。最后在【行为】面板中设置触发事件为“onLoad”。十、设置状态栏文本。【设置状态栏文本】行为可在浏览器窗口左下角处的状态栏中显示消息。选择一个对象,如电子邮件超级链接,然后在【行为】面板中单击+按钮,从弹出的【行为