第11章 使用行为
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
了解行为的基本概念。 了解常用事件的涵义。 掌握添加行为的方法。
11.1 认识行为
通过学习应该掌握的内容主要有：
什么是行为 应用行为
11.1.1 什么是行为
行为是Dreamweaver内置的脚本程序，也是事件和动作的组 合，因此行为的基本元素有两个：事件和动作。事件是触发动 作的原因，动作是事件触发后要实现的效果，对象是产生行为 的主体。 常用触发事件有： • 【onLoad】：当图像或页面完成载入时产生。 • 【onMouseDown】：当在特定元素上按下鼠标按键时产生。 • 【onMouseOut】：当光标从特定元素移走时产生。 • 【onMouseOver】：当光标首次指向特定元素时产生。 • 【onSubmit】：当访问者提交表单时产生。
11.2.1 设置状态栏文本
在浏览器中浏览，当鼠标光标停留在图像上时，浏览器 状态栏将显示事先定义的文本。
11.2.2 交换图像
【交换图像】行为可以将一个图像替换为另一个图像。 选中图像，然后在【行为】面板中单击 按钮，从 弹出的【行为】菜单中选择【交换图像】命令，打开【交 换图像】对话框，在【图像】列表框中选择要改变的图像， 然后设置其【设定原始档为】选项，并勾选【预先载入图 像】和【鼠标滑开时恢复图像】复选框。
11.2.7 改变属性
再添加一个【改变属性】行为，将其触发事件设置 “onMouseOut”。预览网页，当鼠标经过文本上时，文 本颜色就会变成红色，离开文本时文本就恢复原颜色。
11.2.4 打开浏览器窗口
11.2.5 调用JavaScript
【调用JavaScript】行为能够让设计者使用【行为】面板 指定一个自定义功能，或者当一个事件发生时执行一段 JavaScript代码。设计者可以自己编写JavaScript代码。 选中文本“关闭本页”，在【属性】面板中为其添加空链 接“#”。接着在【行为】面板的行为菜单中选择【调用 JavaScript】命令，打开【调用JavaScript】对话框进行设 置。最后在【行为】面板中设置触发事件为“onClick”。
11.1.2 应用行为
选中要应用行为的对象，然后选择【窗口】/【行为】 命令打开【行为】面板，在【行为】面板中单击 按钮， 在弹出的行为菜单中选择相应的行为动作并进行设置，最后 在【行为】面板中设置相应的触发事接应用到纯文本上。诸如p 和span等标签不在浏览器中生成事件，因此无法从这些标签 触发动作。 但是，可以将行为应用到超级链接上。因此，若要将行 为应用到文本，最简单的方法就是向文本添加一个空链接 （不指向任何内容），然后将行为应用到该链接上。 此时，文本会显示为超级链接。如果不想让它显示为超 级链接，可以更改链接颜色并删除下划线，缺点是浏览者可 能意识不到可以单击该文本获取信息。
11.2.2 交换图像
在【行为】面板中自动添加了3个行为：图像即标签 <img>的【交换图像】和【恢复交换图像】行为及文档即 标签<body>的【预先载入图像】行为。
11.2.2 交换图像
预览网页，当鼠标滑过图像时，图像会发生变化。
11.2.3 弹出信息
【弹出信息】行为将显示一个指定的JavaScript提示信息框。 在文档中选择图像，然后在【行为】面板中单击 按钮，从 行为菜单中选择【弹出信息】命令打开【弹出信息】对话框进行 设置，最后在【行为】面板设置触发事件为“onMouseDown”。
11.2 常用行为
通过学习应该掌握的内容主要有：
设置状态栏文本 交换图像 弹出信息 打开浏览器窗口 调用JavaScript 控制Shockwave或Flash 改变属性
11.2.1 设置状态栏文本
状态栏文本是指显示在浏览器状态栏中的文本。 选中对象，然后在【行为】面板中单击 按钮，从弹 出的【行为】菜单中选择【设置文本】／【设置状态栏文 本】命令，打开【设置状态栏文本】对话框进行设置，最 后在【行为】面板中设置触发事件。
11.2.3 弹出信息
通常在图像上按下鼠标右键时，在弹出的快捷菜单中可以选 择【图片另存为】命令，从而将网页中的图像保存到本地计算机 中。而当添加了这个行为以后，当访问者单击鼠标右键时，就只 能看到提示框，而看不到快捷菜单，这样就限制了用户使用鼠标 右键来下载图片。
11.2.4 打开浏览器窗口
使用【打开浏览器窗口】行为将打开一个新的浏览器窗口来 显示指定的网页文档。 选中文本，在【属性】面板中为其添加空链接“#”。接着在 【行为】面板中单击 按钮，从行为菜单中选择【打开浏览器窗 口】命令，打开【打开浏览器窗口】对话框进行参数设置。最后 在【行为】面板设置触发该事件“onClick”。
11.2.6 控制Shockwave或Flash
在浏览器进行预览，单击“开始播放”超级链接开始循环 播放Flash动画，单击“停止播放”超级链接将停止播放Flash 动画。
11.2.7 改变属性
【改变属性】行为用来改变网页元素的属性值，如文本的 大小、字体，层的可见性，背景色，图片的来源以及表单的执 行等。 在【行为】菜单中选择【改变属性】命令，在打开的【改 变属性】对话框中进行参数设置，然后在【行为】面板中设置 触发事件为“onMouseOver”。
1127改变属性改变属性行为用来改变网页元素的属性值如文本的大小字体层的可见性背景色图片的来源以及表单的执在行为菜单中选择改变属性命令在打开的改变属性对话框中进行参数设置然后在行为面板中设置触发事件为onmouseover
第11章 使用行为
本章将介绍行为的基本知识以及添 加行为的基本方法。
教学目标
11.2.5 调用JavaScript
在浏览器中预览，当单击“关闭本页”超级链接文本时将 弹出提示信息框，询问用户是否关闭窗口。
11.2.6 控制Shockwave或Flash
【控制Shockwave或Flash】行为可以控制Shockwave动画 或Flash动画的播放、停止、重放或跳转到某一帧。 选中Flash动画，在其【属性】面板中将视频命名为 “sumei”，并取消对【自动播放】复选框的勾选。 选中 Flash动画下面单元格中的文本“开始播放”，并在【属性】 面板的【链接】文本框中为其添加空链接。在【行为】面板的 行为菜单中选择【控制Shockwave或Flash】命令，打开【控制 Shockwave或Flash】对话框进行参数设置即可。最后在【行为】 面板中将事件设置为“onClick”。