使用 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)打开网页,单击<body>标记将行为应用于整个网页 (2)在“行为”面板中选择“弹出信息”命令.在打开对话框的“信息”框中输入 信息内容 (3)单击“确定”按钮后,在浏览网页时,出现“信息”提示框 (4)单击“确定”按钮,关闭对话框。 BACK EXIT NEXT
11.4.３ 弹出信息 该行为的功能是：当用户执行操作时，显示指定信息。 操作方法： （1）打开网页，单击<body>标记,将行为应用于整个网页。 （2）在“行为”面板中选择“弹出信息” 命令．在打开对话框的“信息”框中输入 信息内容． （3）单击“确定”按钮后，在浏览网页时，出现“信息”提示框。 （4）单击“确定”按钮，关闭对话框。 使用Dreamweaver自带的行为动作
使用 Dreamweaver自带的行为动作 122 114.4打开浏览器窗口 该动作的功能是在新的浏览器窗口打开指定的网页。 操作方法: (1)打开网页,单击<body>标记,将行为应用于整个网页。 2)在“行为”面板中选择“打开浏览器窗口”命令,打开对话框 (3)在“要显示的URL”中输入网址。 (4)在“窗口宽度”中输入“600),在“窗口高度”中输入“500°。 (5)在“属性”中选择要显示在浏览器中的组成元素。 (6)在“窗口名称”中输入新打开浏览器窗口的名称 (7)单击“确定”按钮后,当打开网页时将打开对应的网站 BACK EXIT NEXT
11.4.４ 打开浏览器窗口 该动作的功能是在新的浏览器窗口打开指定的网页。 操作方法： （1）打开网页，单击<body>标记，将行为应用于整个网页。 （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自带的行为动作