dw制作鼠标经过时图像放大鼠标离开图像回原形效

网页上的图片特效丰富多彩，其中鼠标悬停图片时，图片放大或切换的特效在网购平台尤为常见。当我们的鼠标轻轻触碰商品图片时，那图片仿佛有了生命，悄然变换，展示更多细节。这种体验背后，其实是在DreamWeaver软件中通过简单几步操作实现的。在这里，狼蚁网站SEO优化长沙网络推广团队为大家分享了一种方法，来制作鼠标悬停时图片放大、离开时恢复原状的效果。

打开DreamWeaver软件，新建一个HTML文件，并打开布局属性。在这里，我们添加一个名为apdiv的容器，用来放置我们的图片。

现在，我们以中间的图像（名称b）为例，打开其行为属性，选择“改变属性”。在弹出的窗口中，我们进行设置，将图片的宽度和高度都设定一个较大的数值，比如600px。这个设置会让图片在鼠标悬停时变大。

然后，我们将触发行为设定为onmouseover，即当鼠标移动到图片上方时，图片会放大。同样地，我们再次进行“改变属性”的操作，这次调整的是图片的高度。再次设定触发行为为onmouseover，这样当鼠标悬停在图片上时，图片的高度也会发生变化。

我们还需要添加两个行为，让图片在鼠标离开时恢复到原始大小。触发行为这次设定为onmouseout。这样，当鼠标不再悬停在图片上时，图片就会回到原来的大小。

保存设置并预览。你会发现，当鼠标轻轻滑过图片时，那图片会放大展示更多的细节；而当鼠标移开时，图片又恢复到原来的大小。

以上就是使用DreamWeaver软件制作鼠标悬停时图片放大的方法。这个教程由狼蚁SEO团队根据实际操作经验原创，希望能够对大家有所帮助。在进行网站推广和网络宣传时，请务必注明出处。让我们共同网页制作的无限可能，为网络世界增添更多精彩！