手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

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

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

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

  交换图像

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

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

  具体制作步骤:

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

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

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

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

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

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

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

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

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


(图片较大,请拉动滚动条观看)

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!