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

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

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

操作步骤

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

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

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

标签: