首 页 行业热点 新车 试驾评测 养车用车 车型库

Dreamweaver 网页设计 鼠标经过图片

发布网友 发布时间:2022-04-20 14:27

我来回答

2个回答

热心网友 时间:2022-04-20 12:55

﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌

看最下面的注意事项,检查一下。

﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌

按图示进行操作:

点击“插入工具栏”中图像按钮边上的下箭头,在下拉菜单中选择“鼠标经过图像”,如图二,随后填写弹出的对话框中的信息,参照图三。

    * 图像名称,就是给图片命名的名称,是<img>标签的id;

    * 原始图像,就是网页加载完毕后该位置显示的默认图片;

    * 鼠标经过图像,即鼠标悬浮在图片上时的翻转图像;

    * 预载鼠标图像,这个选项最好勾选,选中后它会在打开页面时预载悬浮图像,不会出现鼠标悬在图片上时再重新加载而变成空白块的现象,勾选此项同时会在页面源代码的body中加入一段onload="MM_preloadImages('abang2.gif')"的代码,意思就是页面加载时预载此图片。

    * 替换文本,这个选项会在鼠标悬浮和加载不出图片时显示你所填的文字作为提示;

    * 按下时,前往的URL,顾名思义,它就是你点击图片后进入的网页,这里所填的是相对地址,如果要转到其他外部网址一定要以http://开头。

  以上内容全部填好后点击确定按钮,Dreamweaver就会自动在页面中加入一段Javascript代码,看不懂它没关系,只要会用就可以了。鼠标悬浮翻转图片效果就完成了。然后,按下F12预览一下。

﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌

如果有问题要注意以下几点:

    1、尽量避免用中文名称命名文件和中文链接;

    2、链接路径一定要正确。 

    3、页面中的Javascript代码还在不在

如果还有问题请用 hi联系我。

热心网友 时间:2022-04-20 14:13

你那些图片的路径有问题吧,

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com