创建鼠标经过图像|Dreamweaver DW基础教程

中士

UID 2343766
精华 0
积分 1076
帖子 86
威望 432
积分 10
阅读权限 60
注册 2007-6-2
状态离线

发表于 2007-6-15 18:04 资料短消息

创建鼠标经过图像

鼠标经过图像是指当鼠标指针经过一幅图像时，图像的显示会变为另一幅图像。鼠标经过图像实际上是由两幅图像组成，初始图像（页面首次装载时显示的图像）和替换图像（当鼠标指针经过时显示的图像）。用于鼠标经过图像的两幅图像大小必须相同。如果图像的大小不同，Dreamweaver会自动调整第二幅图像的大小，使之与第一幅图像匹配。
实际演练：创建鼠标经过图像
（1）在文档窗口，首先将光标置于要显示交互式图像的位置，然后单击【常用】选项卡的【鼠标经过图像】按钮，或者执行【插入】∣【鼠标经过图像】命令，弹出【插入鼠标经过图像】对话框。

（2）在该对话框中，单击【原始图像】右边的【浏览】按钮，弹出【Original Image】对话框，在其中选择一幅图片，单击【确定】按钮。然后再单击【鼠标经过图像】右边的【浏览】按钮，弹出【Rollover Image】对话框，同样的选择一幅图片，单击【确定】按钮

（3）用户也可以在【原始图像】和【鼠标经过图像】文本框中输入原始图像和鼠标经过图像的路径和文件名，如果要建立一个链接，可以在【按下时，前往的URL】文本框中输入URL地址，单击【确定】按钮即可完成操作。
（4）按下Ctrl＋S保存文件，按下F12键，在IE中的预览效果。当将鼠标移到图像上时，鼠标指针变为了手形，此时图像发生了变化，当将鼠标从图像上移开时，图像又恢复了原状。