网页设计中经常遇到交互图像。所谓交互图像，是指当鼠标经过图像时，原始图像转化为另一幅图像，下面让我向你展示一下Dreamweaver是如何建立交互式图像的。

软件名称：Adobe Dreamweaver CS5官方简体中文特别版（425m）软件大小：425mb更新时间：2013-04-02

1。在Dreamweaver中，新的HTML文件


2、移动光标的位置插入交互式图像，选择插入mdash；mdash；图像对象mdash；mdash；鼠标经过图像


三.在图像名中输入图像的名称，如1


4，单击原始图片上的右视图按钮，打开所需的图片，单击确认，如图所示。


5，单击鼠标通过图像右侧的浏览按钮，打开所需的图片，单击确认，并选择预鼠标传递图像，如图所示。


6，在输入文件名替换文本，如123，在出版社，输入URL链接地址，进入空链接#


7, click the confirm button, the interactive image is finished, press F12 to preview it


注意事项：uff1a

两个图片的大小必须相同，否则插入的第二张图片将自动调整为第一个大小。

相关建议：

Dreamweaver是如何制作一个简单的网页的

如何在Dreamweaver中把文字放在图片上

一个实例教程对DW插入图像/图像占位符和交互式图像