Dreamweaver MX 2004 行为之交换图象

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

· 交换图像

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

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

具体制作步骤:

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

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

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

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

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

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

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

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

相应的在代码视图中增加的代码,我们可以熟悉一下:[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501161_13.gif" target="_blank"

.net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501161_13.gif" alt="点击放大" width="500" border="0"

[url=http://www.pccode.net].net/web/dw/index1/http://www.ddvip.net/web/dw/index1/img_dw/dw0501161_13.gif" target="_blank"图片较大 请放大后查看)

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航