欢迎来到山村网

Dreamweaver怎么交换图像

2019-03-31 07:40:21浏览:143 来源:山村网   
核心摘要:  交换图像行为通过改变img标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像

  “交换图像”行为通过改变<img>标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像效果,也可以一次交换多幅图像。

  一、Dreamweaver交换图像行为

  1. 在文档中插入图像。

  2. 在属性面板的“ID”文本框中输入图像的ID。

  3. 重复第1步和第2步插入其它图像。

  4. 选择一个要交换的图像。

  5. 打开行为面板。

  6. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“交换图像”命令,如下图所示:

Dreamweaver怎么交换图像  山村

  7. 打开“交换图像”对话框,如下图所示:

  图像:选择一个需要改变其源文件的图像。

  设定原始档为:输入新图像的文件路径和名称,或者点击“浏览”按钮选取一个新的图像文件。

  预先载入图像:选择此项可以将新图像预先加载到浏览器缓存中,防止图像延迟。

  8. 在“交换图像”对话框中再设置“图像 "img1"”,如下图所示:

Dreamweaver交换图像行为

  提示:对于所有需要更改的其它图像重复第8步即可,同时对于所有需要更改的图像都要使用相同的“交换图像”动作,就是在“交换图像”对话框中的设置都要一样,否则,相应的“恢复交换图像”动作就不能全部恢复它们。

  9. 单击“确定”按钮。

  10. 查看附加的事件是否是需要的事件,如下图所示:

  如果不是需要的事件,可以更改事件。

  11. 查看行为参数是否合适。如果不合适,也可以修改行为参数。

(责任编辑:豆豆)
下一篇:

Dreamweaver如何检查表单

上一篇:

Dreamweaver如何显示隐藏元素

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com