Dreamwear 行为

1、 九.行为本章知识点本章知识点 行为基础知识行为基础知识 符合使用者的行为符合使用者的行为 简单而有用的行为简单而有用的行为 更改指定内容的行为更改指定内容的行为 制作弹出窗口制作弹出窗口 制作交换图像效果制作交换图像效果九九.行为行为 行为的概念行为的概念 行为是某个事件和由该事件触发的动作的组合行为是某个事件和由该事件触发的动作的组合. .其中事件是触发动作其中事件是触发动作的原因的原因, ,它是游览器生成的消息它是游览器生成的消息, ,表明该页面的访问者已执行了某种操作表明该页面的访问者已执行了某种操作. . 动作是一段预先编写的动作是一段预先编写的JavaScriptJavaScrip

2、t代码代码, ,用于实现一种动态效果用于实现一种动态效果, ,如打如打开游览器窗口、播放或停止播放声音等。开游览器窗口、播放或停止播放声音等。 任何一个动作都需要一个事件激活，而发生一个事件时可以执行多个任何一个动作都需要一个事件激活，而发生一个事件时可以执行多个动作，而且用户还可以指定或修改动作发生的顺序。动作，而且用户还可以指定或修改动作发生的顺序。 将行为附加在某个页面元素后，每当该元素的某个事件发生时，行为将行为附加在某个页面元素后，每当该元素的某个事件发生时，行为就会调用与这一事件关联的动作。就会调用与这一事件关联的动作。 行为代码是客户端行为代码是客户端JavaScriptJava

3、Script代码，它运行在浏览器，而不是在服务代码，它运行在浏览器，而不是在服务器上。器上。9.1 行为基础知识行为基础知识 使用使用“行为行为” “ “窗口窗口”- -“行为行为”，就可以打开，就可以打开“行为行为”面板面板 “ “行为行为”面板上按钮的功能如下：面板上按钮的功能如下： l 显示附加到当前文档的事件显示附加到当前文档的事件l 按字母的升序显示给定元素的所有事件按字母的升序显示给定元素的所有事件l 打开动作菜单，以便添加行为打开动作菜单，以便添加行为l 选定一个行为，然后单击此按钮可以删除该行为选定一个行为，然后单击此按钮可以删除该行为l 可以将同一个事件的多个动作进行向前或向

4、后移动，以改变动作执行顺序可以将同一个事件的多个动作进行向前或向后移动，以改变动作执行顺序l 打开事件菜单，以便选择事件打开事件菜单，以便选择事件9.1 行为基础知识行为基础知识预先载入图像预先载入图像 对于在页面打开之初不会立即显示的图像（例如通过行为或对于在页面打开之初不会立即显示的图像（例如通过行为或JavascriptJavascript调入的图像），可以使用调入的图像），可以使用“预先载入图像预先载入图像”行为将其进行缓存，这样就行为将其进行缓存，这样就可以防止当图像变换时由于下载速度慢而导致延迟。可以防止当图像变换时由于下载速度慢而导致延迟。 操作：操作： 打开文件，单击打开文件，

5、单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“预先载入图像预先载入图像”命令，命令，单击单击“图像源文件图像源文件”右侧的右侧的“浏览浏览”按钮，打开按钮，打开“选择图像源文件选择图像源文件”，找到图像文件，单击找到图像文件，单击“确定确定”按钮。回到按钮。回到“预先载入图像预先载入图像”对话框，单对话框，单击击“+”+”按钮，将图象添加到按钮，将图象添加到“预先载入图像预先载入图像”列表框中，单击列表框中，单击“确定确定”。9.2 符合使用者的行为符合使用者的行为确认是否有插件确认是否有插件 使用使用“检查插件检查插件”行为可以根据访问者的计算机是否安装了指定的插件，行为可以根据访

6、问者的计算机是否安装了指定的插件，将他们转到不同的页面，例如将他们转到不同的页面，例如FlashFlash动画需要插件才能播放，一个好的网动画需要插件才能播放，一个好的网站一般会出两个版本，站一般会出两个版本，FLASHFLASH版和版和HTMLHTML版，让安装有插件的访问者转到版，让安装有插件的访问者转到FLASHFLASH版，没有安装的转到版，没有安装的转到HTMLHTML版。版。 操作：操作： 打开文件，单击打开文件，单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“检查插件检查插件”命令，在命令，在“选择选择”下拉列表框中选择下拉列表框中选择FLASHFLASH，单击，单击“否

7、则，转到否则，转到URL”URL”输入框右侧输入框右侧的的“浏览浏览”按钮，打开按钮，打开“选择文件选择文件”对话框，找到文件，单击对话框，找到文件，单击“确定确定”按钮。回到按钮。回到“检查插件检查插件”对话框，单击对话框，单击“确定确定”。9.2 符合使用者的行为符合使用者的行为调用插入到文档之中的调用插入到文档之中的JavaScriptJavaScript 有些时候有些时候DreamweaverDreamweaver内置的内置的JavaScriptJavaScript函数无法满足用户的需要，这里函数无法满足用户的需要，这里可以使用可以使用“调用调用JavaScript“JavaScrip

8、t“运行执行自定义的函数或运行执行自定义的函数或JavaScriptJavaScript代码代码行。行。 操作：操作： 打开文件，单击打开文件，单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“调用调用JavaScript”JavaScript”命命令，打开令，打开“调用调用JavaScriptJavaScript”对话框，在对话框，在JavaScriptJavaScript输入框中输入输入框中输入window.closewindow.close( )( )，单击，单击“确定确定”按钮。按钮。9.3 简单而有用的行为简单而有用的行为改变对象的属性改变对象的属性 使用使用“改变对象改变对象

9、”行为可更改对象的某个属性的值，例如更改图像的大行为可更改对象的某个属性的值，例如更改图像的大小，小，DIVDIV的背景色或表单的动作。的背景色或表单的动作。 操作：操作： 打开文件，单击打开文件，单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“改变对象改变对象”命令，打命令，打开开“改变对象改变对象”对话框，对话框，“元素类型元素类型”选择选择DIVDIV，“元素元素ID”ID”选择选择DIV DIV “a1”“a1”，“属性属性”选择选择fontsizefontsize,“,“新的值新的值”输入输入1515，单击，单击“确定确定”按钮。按钮。单击行为单击行为onClickonCli

10、ck，在打开的行为菜单中选择，在打开的行为菜单中选择onMouseOveronMouseOver选项。选项。9.3 简单而有用的行为简单而有用的行为在网页上显示弹出信息在网页上显示弹出信息 使用使用“弹出信息弹出信息”行为可以显示一个包含指定信息的行为可以显示一个包含指定信息的JavaScriptJavaScript警告，警告，因为因为JavaScriptJavaScript警告对话框只有一个警告对话框只有一个“确定确定”按钮，所以使用此行为只按钮，所以使用此行为只可以为用户提供信息，但不能为用户提供选择操作。可以为用户提供信息，但不能为用户提供选择操作。 操作：操作： 打开文件，单击打开文件

11、，单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“弹出信息弹出信息”命令，打命令，打开开“弹出信息弹出信息”对话框，在消息栏中输入信息，单击对话框，在消息栏中输入信息，单击“确定确定”按钮。按钮。9.3 简单而有用的行为简单而有用的行为在特定框架中显示其他内容在特定框架中显示其他内容 使用使用“设置框架文本设置框架文本”行为可以动态设置框架的文本，可以用指定的内行为可以动态设置框架的文本，可以用指定的内容和格式替换框架的内容和格式。容和格式替换框架的内容和格式。 操作：操作： 打开文件，选择要编辑的菜单，单击打开文件，选择要编辑的菜单，单击“行为行为”面板上面板上+ +按钮，选择按钮，

12、选择“设置文本设置文本”-”-“设置框架文本设置框架文本”命令，打开命令，打开“设置框架文本设置框架文本”对话框，对话框，在在“框架框架”下拉列表中选择下拉列表中选择“框架框架mainFramemainFrame”，单击，单击“确定确定”按钮。按钮。在在“新建新建HTML”HTML”输入框中输入以下代码，单击输入框中输入以下代码，单击“确定确定”按钮。单击按钮。单击onMouseOveronMouseOver，在打开的行为菜单中选择，在打开的行为菜单中选择onClickonClick选项。选项。9.4 更改指定内容的行为更改指定内容的行为在状态栏显示需要的内容在状态栏显示需要的内容 使用使用“

13、设置状态栏文本设置状态栏文本”行为可以在浏览器窗口左下角处的状态栏中显行为可以在浏览器窗口左下角处的状态栏中显示信息。示信息。 操作：操作： 打开文件，单击打开文件，单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“设置文本设置文本”-“”-“设置设置状态栏文本状态栏文本”命令，打开命令，打开“设置状态栏文本设置状态栏文本”对话框，在对话框，在“消息消息”输入输入框中输入文字，单击框中输入文字，单击“确定确定”按钮。单击按钮。单击onMouseOveronMouseOver，在打开的行为菜，在打开的行为菜单中选择单中选择onLoadonLoad选项。选项。9.4 更改指定内容的行为更改指

14、定内容的行为在文本字段上显示相关的内容在文本字段上显示相关的内容 使用使用“设置文本域文字设置文本域文字”行为可以把指定的内容替换到表单文本域中行为可以把指定的内容替换到表单文本域中. . 操作：操作： 打开文件，选中页面中间的文本域打开文件，选中页面中间的文本域, ,单击单击“行为行为”面板上面板上+ +按钮，选按钮，选择择“设置文本设置文本”-“”-“设置文本域文字设置文本域文字”命令，打开命令，打开“设置文本域文字设置文本域文字”对话框，在对话框，在“文本域文本域”下接列表框中选择下接列表框中选择textareatextarea “textarea1”, “textarea1”,在在“新

15、建文本新建文本”输入框中输入文字，单击输入框中输入文字，单击“确定确定”按钮。单击按钮。单击onBluronBlur，在，在打开的行为菜单中选择打开的行为菜单中选择onMouseOveronMouseOver选项。选项。9.4 更改指定内容的行为更改指定内容的行为制作弹出窗口制作弹出窗口 使用使用“打开浏览器窗口打开浏览器窗口”行为可在一个新的窗口中打开页面行为可在一个新的窗口中打开页面. . 操作：操作： 打开文件，选中图片打开文件，选中图片, ,单击单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“打开浏览打开浏览器窗口器窗口”命令，打开命令，打开“打开浏览器窗口打开浏览器窗口”对话

16、框，单击对话框，单击“要显示的要显示的URL”URL”右侧右侧“浏览浏览”按钮，打开按钮，打开“选择文件选择文件”对话框，找到图像文件，单击对话框，找到图像文件，单击“确定确定”按钮。按钮。9.4 更改指定内容的行为更改指定内容的行为制作交换图像效果制作交换图像效果 使用使用“交换图像交换图像”行为，通过更改行为，通过更改 标签的标签的srcsrc属性，可以将一个图属性，可以将一个图像和另一个图像进行交换。使用此行为可以用创建鼠标经过按钮的效果像和另一个图像进行交换。使用此行为可以用创建鼠标经过按钮的效果以及其他图像效果以及其他图像效果( (包括一次交换多个图像包括一次交换多个图像). ).

17、操作：操作： 打开文件，选中图片打开文件，选中图片, ,单击单击“行为行为”面板上面板上+ +按钮，选择按钮，选择“交换图像交换图像”命令，打开命令，打开“交换图像交换图像”对话框，在对话框，在“图像图像”栏中选择图像，单击栏中选择图像，单击“设设定原始档为定原始档为”右侧的右侧的“浏览浏览”按钮，打开按钮，打开“选择图像源文件选择图像源文件”对话框，对话框，找到图像文件，单击找到图像文件，单击“确定确定”按钮。按钮。9.4 更改指定内容的行为更改指定内容的行为九九. .行为行为 播放声音插入音乐有多种方法，如：使用插件、控件、代码都可以实现方法1：(1)“插入栏媒体插件”插入一声音文件(2)

18、选中声音文件，在属性面板选择“参数”(3)添加如书本P171的参数和值 -hidden true/false -loop n/true/false （n次数，1true） -autoplay true/false -controller true/false九九. .行为行为方法2：代码法 src=“*.mid”指定音乐文件的路径与文件名。最好用相对路径（目前就是相对路径）。 autostart=“*”设定当音乐文件载入后是否自动播放。有两个逻辑选项，true和 false。 Loop=“*”表示音乐文件是否循环播放，也可以指定循环播放的次数。比如 loop=“3”表示重复播放3次，loop=“-1”表示无限循环，loop=true也表示无限循环。 width=“*”height=“*”表示显示控制面板的宽和高，当两个参数均设为0时，表示隐藏控制面板。九九. .行为行为方法3：行为的方法为具体对象加载声音（1）背景音乐：选定body标签 播放声音行为onload的配合（