使用 Dreamweaver自带的行为动作 122 Dreamweaer自带有多种动作,可以随时调用 114.1交换图像 交换图像动作的功能是:根据鼠标操作,动态交换网页上的图像。 操作步骤: (1)在网页上添加图片和文字。 (2)选定“单击此处欣赏另一幅图”,选择“行为”面板中的“交换图像”命令, 打开对话框 (3)单击“设定原始文档为”框右端的“浏览”按钮,在打开的“选择图像原”对话 框中选一幅图片,作为单击文字后显示的图像。 (4)单击“确定”按钮,返回“交换图像”对话框。 EXIT NEXT
Dreamweaer自带有多种动作，可以随时调用。 11.4.1 交换图像 交换图像动作的功能是：根据鼠标操作，动态交换网页上的图像。 操作步骤： （1）在网页上添加图片和文字。 （2）选定“单击此处欣赏另一幅图”，选择“行为”面板中的 “交换图像”命令， 打开对话框。 （3）单击“设定原始文档为”框右端的“浏览”按钮，在打开的“选择图像原”对话 框中选一幅图片，作为单击文字后显示的图像。 （4）单击“确定”按钮，返回“交换图像”对话框。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 (5)单击“确定”按钮,按F12键浏览网页。当鼠标指向“单击此处欣赏另一幅图 时,图像变成另外的图像。 1142恢复交换图像 “恢复交换图像”在应用“交换图像”之后使用。 设置了“交换图像”后,当鼠标移到指定文字上时,图像变成其他图像.之后,不能 再显示原图像,如果要显示,通过“恢复交换图像”实现.当鼠标移到指定文字上 时,图像变成其他图像,当移开时,则恢复成原图像 继续上一节操作: (1)选择指定的文字。 (2)在“行为”面板中选择“交换图像”命令,打开“恢复交换图像”对话框后, 单击“确定”按钮。 BACK EXIT NEXT
（5）单击“确定”按钮，按F12键浏览网页。当鼠标指向“单击此处欣赏另一幅图” 时，图像变成另外的图像。 11.4.2 恢复交换图像 “恢复交换图像”在应用“交换图像”之后使用。 设置了“交换图像”后，当鼠标移到指定文字上时，图像变成其他图像．之后，不能 再显示原图像，如果要显示，通过“恢复交换图像” 实现．当鼠标移到指定文字上 时，图像变成其他图像，当移开时，则恢复成原图像。 继续上一节操作： （1）选择指定的文字。 （2） 在“行为”面板中选择“交换图像”命令，打开“恢复交换图像”对话框后， 单击“确定”按钮。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.3弹出信息 该行为的功能是:当用户执行操作时,显示指定信息。 操作方法: (1)打开网页,单击标记将行为应用于整个网页 (2)在“行为”面板中选择“弹出信息”命令.在打开对话框的“信息”框中输入 信息内容 (3)单击“确定”按钮后,在浏览网页时,出现“信息”提示框 (4)单击“确定”按钮,关闭对话框。 BACK EXIT NEXT
11.4.３ 弹出信息 该行为的功能是：当用户执行操作时，显示指定信息。 操作方法： （1）打开网页，单击标记,将行为应用于整个网页。 （2）在“行为”面板中选择“弹出信息” 命令．在打开对话框的“信息”框中输入 信息内容． （3）单击“确定”按钮后，在浏览网页时，出现“信息”提示框。 （4）单击“确定”按钮，关闭对话框。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.4打开浏览器窗口 该动作的功能是在新的浏览器窗口打开指定的网页。 操作方法: (1)打开网页,单击标记,将行为应用于整个网页。 2)在“行为”面板中选择“打开浏览器窗口”命令,打开对话框 (3)在“要显示的URL”中输入网址。 (4)在“窗口宽度”中输入“600),在“窗口高度”中输入“500°。 (5)在“属性”中选择要显示在浏览器中的组成元素。 (6)在“窗口名称”中输入新打开浏览器窗口的名称 (7)单击“确定”按钮后,当打开网页时将打开对应的网站 BACK EXIT NEXT
11.4.４ 打开浏览器窗口 该动作的功能是在新的浏览器窗口打开指定的网页。 操作方法： （1）打开网页，单击标记，将行为应用于整个网页。 （2）在“行为”面板中选择“打开浏览器窗口”命令，打开对话框。 （3）在“要显示的URL”中输入网址。 （4）在“窗口宽度”中输入“600”，在“窗口高度”中输入“500”。 （5）在“属性”中选择要显示在浏览器中的组成元素。 （6）在“窗口名称”中输入新打开浏览器窗口的名称。 （7）单击“确定”按钮后，当打开网页时将打开对应的网站。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 11.4.5拖动层 该行为允许浏览者拖动层。 操作步骤: (1)在网页中插入一个层,在层中插入图像。 2)在“行为”面板中选择“拖动层”命令。打开对话框,并应用默认设置。单击 “确定”按钮。 (3)按F12键,预览设置的动作,由于应用 onclick事件,所以在图像上单击鼠标后 才可以移动图像 BACK EXIT NEXT
11.4.5 拖动层 该行为允许浏览者拖动层。 操作步骤： （1）在网页中插入一个层，在层中插入图像。 （2）在“行为”面板中选择“拖动层” 命令。打开对话框，并应用默认设置。单击 “确定”按钮。 （3）按F12键，预览设置的动作，由于应用onClick事件，所以在图像上单击鼠标后 才可以移动图像。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.6控制 Shockwave或 Flash 该行为的功能是控制 Shockwave或Fash影片的播放和停止等。 操作步骤: (1)在网页上插入3个名称为“播放”、“后退”、“停止”的按钮,插入1个名称为 fash的Fash插件 (2)选定“播放”按钮,在“行为”面板中选择“控制 Shockwave或Fksh'命令,打开 对话框。 (3)在“影片”列表中选择插件名称,在“行为”后选择“播放”。单击“确定”按 钮 (4)选定“后退”按钮,重复第(2)、(3)步操作,只是在“行为”后选择“倒回”。 (5)同理,选定“停止”按钮,在“行为”后选择“停止”。 (6)单击“确定” BACKEXITNEXT
11.4.6 控制Shockwave或Flash 该行为的功能是控制Shockwave或Flash影片的播放和停止等。 操作步骤： （1）在网页上插入3个名称为“播放”、“后退”、“停止”的按钮，插入1个名称为 flash的Flash插件。 （2）选定“播放”按钮，在“行为”面板中选择“控制Shockwave或Flash”命令，打开 对话框。 （3）在“影片” 列表中选择插件名称，在“行为”后选择“播放”。单击“确定”按 钮。 （4）选定“后退”按钮，重复第（2）、（3）步操作，只是在“行为”后选择“倒回”。 （5）同理，选定“停止”按钮，在“行为”后选择“停止”。 （6）单击“确定”按钮，按F12键浏览网页。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 1147播放声音 该动作可以为网页制作背景音乐。打开网页时,将自动循环播放音乐 操作步骤: (1)打开网页,单击标记,将行为应用于整个网页。 2)在“行为”面板中选择“播放声音”命令,打开对话框。 (3)在“播放声音”中输入声音文件名称,或单击“浏览”按钮,从打开的对话框 中选择声音文件 (4)单击“确定”按钮,返回“播放音乐”对话框,单击“确定”按钮,浏览网页 时,即会播放音乐。 BACK EXIT NEXT
11.4.7 播放声音 该动作可以为网页制作背景音乐。打开网页时，将自动循环播放音乐。 操作步骤： （1）打开网页，单击标记，将行为应用于整个网页。 （2）在 “行为”面板中选择“播放声音”命令，打开对话框。 （3）在“播放声音”中输入声音文件名称，或单击“浏览”按钮，从打开的对话框 中选择声音文件。 （4）单击“确定”按钮，返回“播放音乐”对话框，单击“确定”按钮，浏览网页 时，即会播放音乐。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.8改变属性 该行为的功能是改变网页元素或对象的属性。 操作步骤: (1)单击“常用”面板上的“绘图层”按钮,绘制一个层。 2)单击“插入”>“表单对象”>按钮”,插入3个名称依次为“蓝色”、“红色” “绿色”的按钮。 (3)选定“蓝色”按钮,在“行为”面板中选择“改变属性”命令,在打开对话框 中的“选择”列表中选择“ style. background Color (4)在“新的值”框中输入blue (5)同理,可以设置“红色”、“绿色”按钮的属性 (6)浏览网页,单击不同按钮层背景颜色也不同。 BACK EXIT NEXT
11.4.8 改变属性 该行为的功能是改变网页元素或对象的属性。 操作步骤： （1）单击“常用”面板上的“绘图层”按钮，绘制一个层。 （2）单击“插入”>“表单对象”>“按钮”，插入3个名称依次为“蓝色”、“红色”、 “绿色”的按钮。 （3）选定“蓝色”按钮，在“行为”面板中选择“改变属性”命令，在打开对话框 中的“选择”列表中选择“style.backgroundColor”。 （4）在“新的值”框中输入blue。 （5）同理，可以设置“红色”、“绿色”按钮的属性。 （6）浏览网页，单击不同按钮层背景颜色也不同。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 1149显示-隐藏层 该行为的功能是显示或隐藏页面中的层。 操作步骤: (1)单击“插入”>层”命令,插入3个层,且在各层中添加不同的内容 2)取消选择层,在“行为”面板中选择“显示-隐藏层”命令,打开对话框。 (3)在“命名的层”中选择层“ Layer2”,单击“隐藏”按钮,在层“ Layer2”后面出 现隐藏字样 (4)单击“确定”按钮,按F12键浏览网页,第二层被隐藏。 BACK EXIT NEXT
11.4.9 显示-隐藏层 该行为的功能是显示或隐藏页面中的层。 操作步骤： （1）单击“插入”>“层”命令，插入3个层，且在各层中添加不同的内容。 （2）取消选择层，在“行为”面板中选择“显示-隐藏层”命令，打开对话框。 （3）在“命名的层”中选择层“Layer2”，单击“隐藏”按钮，在层“Layer2”后面出 现隐藏字样。 （4）单击“确定”按钮，按F12键浏览网页，第二层被隐藏。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.10显示弹出菜单 该行为的功能是当指向文字或图片时,弹出菜单 操作步骤: (1)在网页中插入图片且居中显示 2)选择图片,在“行为”面板中选择“显示弹出菜单”命令,打开对话框。 (3)在“文本”框中输入菜单名称,单击“+按钮可增加菜单项 (4)选取该菜单,单击“缩进项”按钮后,再单击“+”按钮可添加子菜单。 (5)通过“外观”选项卡可以设置菜单的外观。 (6)在“高级”选项卡中应用默认属性设置 (⑦)在“位置”选项卡中选择菜单位置。也可通过ⅹ、Y坐标值来设定。 (8)单击“确定”按钮。按F12键,浏览网页 BACK EXIT NEXT
11.4.10 显示弹出菜单 该行为的功能是当指向文字或图片时，弹出菜单。 操作步骤： （1）在网页中插入图片且居中显示。 （2）选择图片，在“行为”面板中选择“显示弹出菜单”命令，打开对话框。 （3）在“文本”框中输入菜单名称，单击“+”按钮可增加菜单项。 （4）选取该菜单，单击“缩进项”按钮后，再单击“+”按钮可添加子菜单。 （5）通过“外观”选项卡可以设置菜单的外观。 （6）在“高级”选项卡中应用默认属性设置。 （7）在“位置”选项卡中选择菜单位置。也可通过X、Y坐标值来设定。 （8）单击“确定”按钮。按F12键，浏览网页。 使用Dreamweaver自带的行为动作