在Dreamweaver设计网页时，利用“改变属性”行为可以动态地改变指定对象的某些属性，这些属性包括背景颜色、尺寸和背景图片等。制作网页时，如果用这种行为设置一些特殊的区域，例如，当鼠标指针经过某个区域时，该区域的背景颜色会立即发生变化；当鼠标指针离开后又恢复为原来的背景色。下面通过一个实例介绍增加该行为的方法。

【操作步骤】

第1步，打开本节示例中的orig.html文件，另存为effect.html。设计当鼠标经过缩略图时，高亮显示。

第2步，选中<div id="apDiv1">标签，单击【行为】面板中的按钮，从弹出的行为菜单中选择【改变属性】命令，打开【改变属性】对话框。

第3步，在【元素类型】下拉列表框中设置要更改其属性的对象的类型。实例中要改变AP元素的属性，因此选择DIV。

第4步，在【元素ID】下拉列表框中显示网页中所有该类对象的名称，如图中会列出网页中所有的AP元素的名称。在其中选择要更改属性的AP元素的名称，如DIV“apDiv1”。

第5步，在【属性】选项组中选择要更改的属性，因为要设置背景，所以选择border。如果要更改的属性没有出现在下拉菜单中，可以在【输入】文本框中手动输入属性。

第6步，在【新的值】文本框中设置属性新值。这里要定义AP元素的边框线，设置为solid 2pxred。

第7步，设置完成后单击【确定】按钮。在【行为】面板中确认触发动作的事件是否正确，这里设置为onMouseover，如果不正确，需要在事件菜单中选择正确的事件。

第8步，再选中ap Div1元素，继续添加一个“改变属性”行为，设计鼠标移出该元素后恢复默认的边框效果。

第9步，设置完成后单击【确定】按钮。在【行为】面板中确认触发动作的事件是否正确，这里设置为onMouseout，即设计当鼠标离开对话框时，恢复默认的无边框状态。

第10步，保存并预览网页。当鼠标移到对话框上时会显示红色边框线，以提示用户注意，当鼠标移出对话框时则隐藏边框线，恢复默认的效果。

制作翻转按钮

在Dreamweaver中，利用“交换图像”行为可通过改变图片数据源的属性将原图片替换为另一幅图片。如果要建立一个可翻转的链接按钮，用以链接到某个网站，可以选择该行为。当移动鼠标指针到交换图像按钮上时，即可变换按钮图片；单击该按钮又可以链接到指定的网页上。

【操作步骤】

第1步，打开本节示例中的orig.html文件，另存为effect.html。设计当鼠标经过缩略图时，显示翻转图像。

第2步，将鼠标指针定位到文档中要插入链接图片的位置。选择【插入】|【图像】|【图像】命令，在打开的【选择图像源文件】对话框中选择要插入的图片，完成后单击【确定】按钮。

第3步，选中该图片，并打开【属性】面板，在【链接】文本框中输入要链接的URL地址，并命名图像，即设置图像的id属性值。

第4步，选择【窗口】|【行为】命令，打开【行为】面板，并单击其中的按钮，在打开的菜单中选择【交换图像】命令。

第5步，打开【交换图像】对话框，如图7.28所示，单击【浏览】按钮，在【选择图像源文件】对话框中选择要替换的按钮图片。

第6步，完成后单击【确定】按钮，返回到【交换图像】对话框。在【交换图像】对话框中，有两个复选框可供设置。   

•预先载入图像：选中该复选框后，在浏览网页时系统同时将该图片载入缓存中，而不是在调用JavaScript时才下载，以防止在图片切换时延时。   

•鼠标滑开时恢复图像：选中该复选框后，当鼠标指针移出图片时，将恢复原来的按钮图片。

第7步，单击【确定】按钮，返回【行为】面板。此时便可看到所加入的“交换图像”行为，其默认的触发事件为onMouseOver，即当鼠标指针移过图片时触发换图动作。

提示：在【交换图像】对话框中，如果选中【鼠标滑开时恢复图像】复选框，在【行为】面板中将加入一个新的行为—【恢复交换图像】，其默认的触发事件为onMouseOut，它的意思是当鼠标指针移开时触发动作。正是该行为使按钮在鼠标指针移开时自动恢复原来的样子。

第8步，设置完成后，按F12键，打开浏览器预览。此时如果按上述方法正确设置，则将鼠标指针移到按钮上时，即可改变按钮的外观。

在网站建设中使用【交换图像】行为时必须注意，由于该行为所改变的只是图片的信息源属性，即SRC属性，所以要切换的图片必须与原图片具有相同的尺寸，以免图片在切换时变形。