在Dreamweaver CS3中创建一个Rollover Image - 在Dreamweaver中虚拟人物

在Dreamweaver中，Rollover图像 - 正如其名称所暗示的那样 - 旨在在有人将光标放在图像上时作出反应。这种效果可以像用狮子的图像替代狗的图像那样戏剧化，或者像一个图像替换另一个图像时改变的单词的颜色一样微妙。无论哪种方式，Dreamweaver都包含一个特殊的翻转对话框，可以创建一个简单的翻转效果，这是应用最简单的行为之一。

<！要使用Dreamweaver的“插入图像翻转”对话框创建翻转图像，请按照下列步骤操作：

1。点击将光标放在您想要显示翻转的页面上。滚动效果至少需要两个图像：一个用于初始状态，另一个用于翻转状态。您可以使用两个不同的图像或两个相似的图像，但它们都应具有相同的尺寸。否则，你会得到一些奇怪的缩放效果，因为这两个图像必须显示在页面上的完全相同的空间。

2。选择插入 - >图像对象 - >翻转图像。出现Insert Rollover Image对话框。

3。在图像名称框中，命名您的图像。

在将行为应用于元素（如图像）之前，元素必须具有名称，以便行为脚本可以引用该名称。只要不使用空格或特殊字符，就可以为任何你喜欢的元素命名。

4。在原始图像框中，指定要显示的第一个图像。使用浏览按钮找到并选择图像。

如果图像不在您的网站的根文件夹中，Dreamweaver会在创建翻转时将它们复制到您的网站中。

5。在“翻转图像”框中，输入您希望在访问者将光标移到第一个图像上时可见的图像。

再次，您可以使用“浏览”按钮来定位和选择图像。

6。选择Preload Rollover Image（预载滚动图像）复选框可在页面首次加载时将所有翻转图像加载到浏览器的缓存中。

如果您不选择执行此步骤，则您的访问者可能会遇到延迟，因为直到将鼠标滚过原始图像时才会下载第二个图像。

7。在“单击时，转到URL”框中，输入任何Web地址或浏览以查找要链接到站点中的其他页面。

如果不指定URL，Dreamweaver将自动插入#号作为占位符。

8。点击OK。

图像自动设置为翻转。

9。单击工作区顶部的globe图标，在浏览器中预览您的工作，并测试翻转的工作方式。