当前位置:主页>dreamweaver>文章内容
菜鸟学用Dreamweaver MX 2004行为(6)交换图象
来源: 作者: 发布时间:2007-04-04  

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

  交换图像

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

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

  具体制作步骤:

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

Dreamweaver MX 2004行为详解实例

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

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

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

Dreamweaver MX 2004行为详解实例

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

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

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

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

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


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

 
上一篇:菜鸟学用Dreamweaver MX 2004行为(5)转到URL   下一篇:菜鸟学用Dreamweaver MX 2004行为(7)打开浏览器窗口
 
  相关文章
·菜鸟学用Dreamweaver MX 2004行为(5)转
·菜鸟学用Dreamweaver MX 2004行为(7)打
·菜鸟学用Dreamweaver MX 2004行为(4)调
·菜鸟学用Dreamweaver MX 2004行为(8)打
·菜鸟学用Dreamweaver MX 2004行为(3)行
·菜鸟学用Dreamweaver MX 2004行为(9)改
·菜鸟学用Dreamweaver MX 2004行为(2)认
·菜鸟学用Dreamweaver MX 2004行为(10)
·菜鸟学用Dreamweaver MX 2004行为(1)行
·菜鸟学用Dreamweaver MX 2004行为(11)
·Dreamweaver MX 2004 入门教程之发布站
·菜鸟学用Dreamweaver MX 2004行为(12)
 
【关闭窗口】
推荐本站资源
最新文章