2016 - 2025

感恩一路有你

使用Dreamweaver CS6实现交换图像效果

浏览量:1190 时间:2024-01-11 13:44:15 作者:采采

交换图像是一种通过改变标签的src属性,实现图像与另一张图像进行交换的效果。为了实现这个效果,我们可以使用Dreamweaver CS6中提供的交换图像动作功能。该功能允许我们创建鼠标滑过图像时出现不同图像的效果。

操作步骤

下面我们来看一下如何使用Dreamweaver CS6实现交换图像效果:

  1. 新建一个空白HTML页面。
  2. 在页面中插入一张图片,这将是初始的载入图像。
  3. 打开行为控制面板,在列表中选择“交换图像”选项。
  4. 在弹出的“交换图像”对话框中,勾选“预先载入图像”和“鼠标滑开时恢复图像”的复选框。
  5. 点击“浏览”按钮,选择要与初始载入图像进行交换的第二张图片。
  6. 按下F12键进行预览效果。

当你将鼠标悬停在图像上时,你会注意到图像被交换为第二张选择的图像,而非初始载入的图像。

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