如何插人鼠标经过图像,在网页中插人鼠标经过图像前的效果,鼠标经过图像时的效果,具体操作步骤如下。
(I)打开网页文档,
(2)执行“插人”|“图像对象”|“鼠标经过图像”命令,弹出“插人鼠标经过图像”对话框,
上海网站建设提醒你:单击“常用”插入栏中的“图像”按钮的下拉按钮,在弹出的下拉列表中选择“鼠标经过图像”选项,也可以弹出“插入鼠标经过图像”对话框.
(3)在对话框中单击“原始图像”文本框右侧的“浏览”按钮.弹出“原始图像”对话框.在对话框中选择图像文件.如图4-18所示。
(4)单击“确定”按钮,添加原始图像。单击“鼠标经过图像”文本框右侧的“浏览”按钮,在弹出的“鼠标经过图像”对话框中选择图像文件,如图4-19所示。
(5)单击“确定’按钮,添加鼠标经过图像,如图4-20所示。
1.在“插人鼠标经过图像”对话框中主要设置以下参数。
2.在“图像名称”文本框中,输人名称。
3.在“原始图像”文本框中.单击“浏览“按钮选择图像源文件或直接愉人图像路径
4.在“鼠标经过图像”文本框中,单击“浏览”按钮选择图像文件或直接翰人图像路径设置鼠标经过时显示的图像。
5.勾选“预载鼠标经过图像” 一点。复选框.让图像预先加载到浏览器的缓存中使图像显示速度快
6.在“按下时,前往的URL”文本框中.单击‘.浏览“按钮选择文件或者直接输人当单击鼠标经过图像时打开的文件路径。如果没有设置链接.Dreamweaver CS5会自动在HTML代码中为鼠标经过图像加上一个空链接(#)o如果将这个空链接除去,鼠标经过图像将无法工作。
(6)单击“确定”按钮,插人鼠标经过图像。选中图像,在“属性”面板中将“对齐”设置一为“右对齐”。
(7)保存文档,按【F12】键在浏览器中浏览效果,当鼠标经过图像前的效果,和鼠标经过图像时的效果。