所谓的 rollover 图像就是当鼠标滑过其表面时会发生变化的图像。一个 rollover 图像实际上包含了两幅图像：主图像(当网页载入时显示的图像)和 rollover 图像(当鼠标滑过时显示的图像)。你在创建 rollover 图像时，两幅图像的尺寸必须一致；如果不一致，Dreamweaver 就会自动调整第二副图像的尺寸以匹配第一幅图像的属性。
有关变换图像回应不同事件(如鼠标点击)，参阅 Swap Image (交换图像)。
如何创建 rollover 图像：
| 1 | 在文档窗，将插入点置于你要 rollover 图像出现的地方。 |
| 2 | 使用下列方法之一插入 rollover 图像： |
|
选择 Window > Objects，打开对象面板，点击 Rollover 按钮。 |
|
选择 Insert > Rollover Image。 |
| 3 | 在随后弹出的对话框中输入下列信息： |
|
先查找选取文件，或者直接在 Original Image 填框中输入原始图像的路径和名字。 |
|
查找并选取 rollover 图像，或者直接在 Rollover Image 填框中输入 rollover 图像文件名字和路径。 |
|
要创建链接，先查找并选取文件，或者在 Link 填框内输入 # 号和文件名字和路径。 |
|
如果想要 Dreamweaver 在浏览器的缓存中预载图像，选取 Preload Images 选项。 |
| 4 | 点击 OK。 |
|
如何测试 rollover 图像：
| 1 | 选择 File > Preview in Browser。 |
| 2 | 在浏览器中，移动鼠标滑过主图像。显示必须转到 rollover 图像。 |
|
你还可以通过使用 Insert > Navigation Bar 命令创建一个导航条。参阅 插入导航条。