菜鸟学用Dreamweaver MX 2004行为(6)交换图象

　　本站原创内容,转载请注明出处网页教学网。

　　交换图像

　　“交换图像”动作通过更改 img 标签的 src 属性将一个图像和另一个图像进行交换。使用此动作创建按钮鼠标经过图像和其它图像效果。插入鼠标经过图像会自动将一个“交换图像”行为添加到您的页中。

　　注意：因为只有 src 属性受此动作的影响，所以您应该换入一个与原图像具有相同尺寸（高度和宽度）的图像。否则....自己试试吧！

　　具体制作步骤：

　　1.选择“插入”-->>“图像”插入一个图像。选择图像，在属性检查器中，在最左边的文本框中为该图像输入一个名称。本例命名为：img1。如下图：

　　如果您未为图像命名，“交换图像”动作仍将起作用；建议大家学习时将所有插入的图像都预先命名，则在“交换图像”对话框中就更容易区分它们。

　　2.选择一个对象（通常是您将交换的图像）并打开“行为”面板。

　　3.单击加号 ( ) 按钮并从弹出菜单中选择“交换图像”。弹出交换图像对话框如下图：

　　4.从“图像”列表中，选择要更改的源图像。

　　5.单击“浏览”选择新图像文件，或在“设定源文件为”文本框中输入新图像的路径和文件名。

　　6.选择“预先载入图像”选项在载入页时将新图像载入到浏览器的缓存中。

　　单击“确定”。点击F12预览。

　　相应的在代码视图中增加的代码，我们可以熟悉一下：

（图片较大，请拉动滚动条观看）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有