Dreamweaver 8中文版网页制作 作者 王君学 于波 第11章 使用行为.pptVIP

本章将介绍行为的基本知识以及添加行为的基本方法。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第11章 使用行为 教学目标 了解行为的基本概念。 了解常用事件的涵义。 掌握添加行为的方法。 11.1 认识行为 什么是行为 应用行为 本节主要内容： 11.1.1 什么是行为 行为是Dreamweaver内置的脚本程序，也是事件和动作的组合，因此行为的基本元素有两个：事件和动作。事件是触发动作的原因，动作是事件触发后要实现的效果，对象是产生行为的主体。 常用触发事件有： ? 【onLoad】：当图像或页面完成载入时产生。 ? 【onMouseDown】：当在特定元素上按下鼠标按键时产生。 ? 【onMouseOut】：当光标从特定元素移走时产生。 ? 【onMouseOver】：当光标首次指向特定元素时产生。 ? 【onSubmit】：当访问者提交表单时产生。 11.1.2 应用行为 选中要应用行为的对象，然后选择【窗口】/【行为】命令打开【行为】面板，在【行为】面板中单击 按钮，在弹出的行为菜单中选择相应的行为动作并进行设置，最后在【行为】面板中设置相应的触发事件。 11.1.2 应用行为 应用行为时，不能将行为直接应用到纯文本上。诸如p和span等标签不在浏览器中生成事件，因此无法从这些标签触发动作。 但是，可以将行为应用到超级链接上。因此，若要将行为应用到文本，最简单的方法就是向文本添加一个空链接（不指向任何内容），然后将行为应用到该链接上。 此时，文本会显示为超级链接。如果不想让它显示为超级链接，可以更改链接颜色并删除下划线，缺点是浏览者可能意识不到可以单击该文本获取信息。 11.2 常用行为 设置状态栏文本 交换图像 弹出信息 打开浏览器窗口 调用JavaScript 控制Shockwave或Flash 改变属性 本节主要内容： 11.2.1 设置状态栏文本 状态栏文本是指显示在浏览器状态栏中的文本。 选中对象，然后在【行为】面板中单击 按钮，从弹出的【行为】菜单中选择【设置文本】／【设置状态栏文本】命令，打开【设置状态栏文本】对话框进行设置，最后在【行为】面板中设置触发事件。 11.2.1 设置状态栏文本 在浏览器中浏览，当鼠标光标停留在图像上时，浏览器状态栏将显示事先定义的文本。 11.2.2 交换图像 【交换图像】行为可以将一个图像替换为另一个图像。 选中图像，然后在【行为】面板中单击 按钮，从弹出的【行为】菜单中选择【交换图像】命令，打开【交换图像】对话框，在【图像】列表框中选择要改变的图像，然后设置其【设定原始档为】选项，并勾选【预先载入图像】和【鼠标滑开时恢复图像】复选框。 11.2.2 交换图像 在【行为】面板中自动添加了3个行为：图像即标签img的【交换图像】和【恢复交换图像】行为及文档即标签body的【预先载入图像】行为。 11.2.2 交换图像 预览网页，当鼠标滑过图像时，图像会发生变化。 11.2.3 弹出信息 【弹出信息】行为将显示一个指定的JavaScript提示信息框。 在文档中选择图像，然后在【行为】面板中单击 按钮，从行为菜单中选择【弹出信息】命令打开【弹出信息】对话框进行设置，最后在【行为】面板设置触发事件为“onMouseDown”。 11.2.3 弹出信息 通常在图像上按下鼠标右键时，在弹出的快捷菜单中可以选择【图片另存为】命令，从而将网页中的图像保存到本地计算机中。而当添加了这个行为以后，当访问者单击鼠标右键时，就只能看到提示框，而看不到快捷菜单，这样就限制了用户使用鼠标右键来下载图片。 11.2.4 打开浏览器窗口 使用【打开浏览器窗口】行为将打开一个新的浏览器窗口来显示指定的网页文档。 选中文本，在【属性】面板中为其添加空链接“#”。接着在【行为】面板中单击 按钮，从行为菜单中选择【打开浏览器窗口】命令，打开【打开浏览器窗口】对话框进行参数设置。最后在【行为】面板设置触发该事件“onClick”。 11.2.4 打开浏览器窗口 11.2.5 调用JavaScript 【调用JavaScript】行为能够让设计者使用【行为】面板指定一个自定义功能，或者当一个事件发生时执行一段JavaScript代码。设计者可以自己编写JavaScript代码。 选中文本“关闭本页”，在【属性】面板中为其添加空链接“#”。接着在【行为】面板的行为菜单中选择【调用JavaScript】命令，打开【调用JavaScript】对话框进行设置。最后在【行为】面板中设置触发事件为“onClick”。 *