Dreamweaver CS5实现鼠标经过图片放大效果的步骤

打开Dreamweaver CS5并创建HTML文件设置背景色

首先打开Dreamweaver CS5，新建一个HTML文件，并设置好所需的背景色。

使用apdiv布局属性放置图片

在页面中使用apdiv元素来放置图片，在布局属性中设置apdiv的宽度和高度分别为800和299，并将溢出设置为hidden，以确保图片放大后不会影响整体布局。接着添加另一个apdiv，设置宽度和高度，并将其位置放在第一个apdiv的中间。

插入表格和图片形成基本展示栏

插入一个1行5列的表格，用来容纳五张图片，设置表格宽度为100%。在表格中插入五张图片，形成基本的图片展示栏，准备实现图片鼠标经过放大效果。

为图片添加ID和行为

选择一张图片，在属性栏中为其添加一个id，例如im1，然后给图片添加行为。点击添加按钮，选择【改变属性】，打开对话框选择元素类型为img，ID为之前设置的im1，属性选择【输入】，填写width属性，将宽度值设为300，并将触发行为设置为onmouseover，即鼠标悬停时图片宽度变为300。

添加鼠标经过和移出的行为

继续为图片添加行为，使鼠标悬停时高度变为150，并添加另外两个行为以在鼠标离开时恢复原始大小。将触发行为设置为onMouseOut，表示鼠标移出时执行相应操作。

完善所有图片的行为设置

为所有图片添加上述四个行为，确保当鼠标悬停在图片上时可以看到放大效果。通过此设置，当鼠标移开时可切换至下一张图片，实现了鼠标经过图片放大效果。

这样，通过以上步骤，你可以在Dreamweaver CS5中实现鼠标经过图片放大的效果，提升网页的视觉吸引力和用户体验。愿这些操作指南对你有所帮助！

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