DreamweaverCS3中文版实例教程 11 使用行为.pptVIP

　本章简介： 　　Dreamweaver CS3的行为是将内置的 JavaScript 代码放置在文档中，以实现Web 页的动态效果。下面从如何使用行为并为其应用相应的事件来讨论如何实现网页动态的、交互的效果。 * 第11章　使用行为 课堂学习目标 行为 动作 11.1　行为 行为 事件 “行为”控制面板 应用行为 11.1.1　行为 无论是直接编写代码还是添加Dreamweaver CS3行为，都要求用户了解行为、事件驱动和Vbscript的基础知识。只有掌握了这些基本知识和原理，才能随心所欲地设计、制作出具有友好的交互界面和吸引用户的网页。 行为可理解成在网页中选择的一系列动作，以实现用户与网页间的交互。行为代码是Dreamweaver CS3提供的内置代码，运行于客户端的浏览器中。 11.1.2　事件 事件是附加在浏览器中元素上的特殊过程，每个浏览器都提供一组事件。事件可以与单击“行为”控制面板的“添加行为”按钮后弹出的菜单中列出的动作相关联。实际上，事件是浏览器生成的消息，以通知计算机该网页的访问者选择了某种操作。当某个事情发生时，系统有一个事件处理机制会自动选择事件过程中的行为代码。 11.1.3　“行为”控制面板 用户习惯于使用“行为”控制面板为网页元素指定动作和事件。在文档窗口中，选择“窗口 行为”命令，启用“行为”控制面板。 “行为”控制面板的组成 修改浏览器版本 “行为”控制面板 11.1.4　应用行为 通常情况下，选择某网页元素，然后在“行为”控制面板中选择一个动作，再将它与一个事件关联，行为便附加到页面元素上。行为运行于浏览器中，而不是服务器上。一个事件可以选择多个动作，在实际运作中，系统根据设置的次序逐次选择动作。 将行为附加到网页元素上 将行为附加到文本上 11.2　动作 课堂案例——快乐儿童玩具网 调用 JavaScript 打开浏览器窗口 转到 URL 播放声音 课堂案例——魅力前沿 控制Shockwave或Flash 检查浏览器 检查插件 检查表单 设置导航栏图像 交换图像 课堂案例——公告栏界面 显示隐藏层 拖动层 设置容器的文本 设置状态栏文本 设置文本域文字 设置框架文本 跳转菜单 跳转菜单开始 11.2.1　课堂案例——快乐儿童玩具网 使用“打开浏览器窗口”命令制作在网页中显示指定大小的弹出窗口。 效果图 11.2.2　调用 JavaScript “调用 JavaScript”动作的功能是当发生某个事件时选择自定义函数或 JavaScript代码行。 使用“调用 JavaScript”动作的具体操作步骤如下。 （1）选择一个网页元素对象，如“刷新”按钮。启用“行为”控制面板。 （2）在“行为”控制面板中，单击“添加行为”按钮 ，从弹出的菜单中选择“调用 JavaScript”动作，弹出“调用 JavaScript”对话框，在文本框中输入JavaScript 代码或用户想要触发的函数名，单击“确定”按钮完成设置。 （3）如果不是默认事件，则单击该事件，会出现箭头按钮，单击箭头按钮，弹出包含全部事件的事件列表，用户可根据需要选择相应的事件 （4）按F12键浏览网页，当单击“关闭”按钮时，用户可以看到效果。 11.2.3　打开浏览器窗口 “打开浏览器窗口”动作的功能是在一个新的窗口中打开指定网页。此行为可以指定新窗口的属性、特性和名称，是否可以调整窗口大小、是否具有菜单栏等。 11.2.4　转到 URL “转到URL”动作的功能是在当前窗口或指定的框架中打开一个新页。此操作尤其适用于通过一次单击操作更改两个或多个框架的内容。 使用“转到URL”动作的具体操作步骤如下。 （1）选择一个网页元素对象并启用“行为”控制面板。 （2）单击“添加行为”按钮，并从弹出的菜单中选择“转到URL”动作，弹出“转到URL”对话框，在对话框中根据需要设置相应选项，单击“确定”按钮完成设置。 （3）如果不是默认事件，则单击该事件，会出现箭头按钮，单击箭头按钮，弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （4）按F12键浏览网页。 11.2.5　播放声音 “播放声音”动作的功能是在完全加载网页后播放声音或当鼠标指针对某个网页元素操作时播放声音。 使用“播放声音”动作的具体操作步骤如下。 （1）选择一个网页元素对象并启用“行为”控制面板。 （2）在“行为”控制面板中单击“添加行为”按钮，并从弹出的菜单中选择“播放声音”动作，弹出“播放声音”对话框，在对话框的“播放声音”选项中设置声音文件的路径和文件名，单击“确定”按钮完成设置。 （3）如果不是默认事件，则单击该事件，会出现箭头按钮，单击