创建鼠标经过图像

您可以在页面中插入鼠标经过图像。鼠标经过图像是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。

开始前，请选用一对或多对图像用于鼠标经过图像。您将使用两个图像文件创建鼠标经过图像：主图像（当首次载入页时显示的图像）和次图像（当鼠标指针移过主图像时显示的图像）。鼠标经过图像中的这两个图像应大小相等；如果这两个图像大小不同，Dreamweaver 将自动调整第二个图像的大小以匹配第一个图像的属性。

鼠标经过图像自动设置为响应 onMouseOver 事件。有关设置图像以响应不同事件（例如，鼠标单击）或有关编辑鼠标经过图像以显示不同图像的信息，请参见交换图像。

若要创建鼠标经过图像，请执行以下操作：

1. 在"文档"窗口中，将插入点放置在要显示鼠标经过图像的位置。
2. 使用以下方法之一插入鼠标经过图像：
   • 在"插入"栏中，选择"常用"，然后单击"鼠标经过图像"图标。
   • 在"插入"栏中，选择"常用"，然后将"鼠标经过图像"图标拖到"文档"窗口中的所需位置。
   • 选择"插入">"交互式图像">"鼠标经过图像"。

   随即显示"插入鼠标经过图像"对话框。

3. 完成对话框。

   有关更多信息，请参见设置"鼠标经过图像"对话框选项。

4. 单击"确定"。
5. 选择"文件">"在浏览器中预览"，或按 F12 键。

   不能在"设计"视图中看到鼠标经过图像的效果。

6. 在浏览器中，将鼠标指针移过原始图像。

   显示应切换到鼠标经过图像。

相关主题

• 插入导航条