Dreamweaver CS6教程：制作鼠标经过图像效果

Dreamweaver是一款功能强大的网页制作工具，通过它我们可以实现各种炫酷的效果，比如制作鼠标经过图像时的变换效果。在网上我们经常看到一些鼠标经过图片就会变成另一张图片的效果，接下来我将向大家介绍如何利用Dreamweaver CS6来制作这样的效果。

打开Dreamweaver CS6软件

首先，双击打开桌面上的Dreamweaver CS6软件。接着，依次点击文件 -> 新建来创建一个新的HTML页面。

插入鼠标经过图像

在新建文档窗口中选择新建HTML页面后，点击插入 -> 图像对象 -> 鼠标经过图像。这时会弹出插入鼠标经过图像对话框，点击浏览并选择需要的图片。

设置鼠标经过效果

在选择原始图像后，按照同样的方法设置鼠标经过时显示的图片。完成设置后，点击确定。这样两张图片都会被插入到Dreamweaver CS6编辑器中，叠加在一起但只能看到其中一张图片。

预览效果

保存好文件后，按下F12进行预览。在预览模式下，当鼠标经过图片时，会显示出第二张图片，呈现出鼠标经过时的变换效果。

通过以上步骤，我们成功地使用Dreamweaver CS6制作了鼠标经过图像时的变换效果。这样的效果不仅可以提升网页的视觉吸引力，也为用户提供了更加丰富和交互性的体验。希望以上教程对大家有所帮助，欢迎尝试并发挥创造力，创作出更多炫酷的效果！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。