Dreamweaver 网页设计 鼠标经过图片
另外,如何在显示经过图像的同时显示标注(替换文本)
谢谢~
注意:我会添加鼠标经过图像,只是对其效果提问
再对2楼补充:我只是再按f12是没有效果,不过在实时视图时是有效果的,请问这是为什么 展开
﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌
看最下面的注意事项,检查一下。
﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌
按图示进行操作:
点击“插入工具栏”中图像按钮边上的下箭头,在下拉菜单中选择“鼠标经过图像”,如图二,随后填写弹出的对话框中的信息,参照图三。
* 图像名称,就是给图片命名的名称,是<img>标签的id;
* 原始图像,就是网页加载完毕后该位置显示的默认图片;
* 鼠标经过图像,即鼠标悬浮在图片上时的翻转图像;
* 预载鼠标图像,这个选项最好勾选,选中后它会在打开页面时预载悬浮图像,不会出现鼠标悬在图片上时再重新加载而变成空白块的现象,勾选此项同时会在页面源代码的body中加入一段onload="MM_preloadImages('abang2.gif')"的代码,意思就是页面加载时预载此图片。
* 替换文本,这个选项会在鼠标悬浮和加载不出图片时显示你所填的文字作为提示;
* 按下时,前往的URL,顾名思义,它就是你点击图片后进入的网页,这里所填的是相对地址,如果要转到其他外部网址一定要以http://开头。
以上内容全部填好后点击确定按钮,Dreamweaver就会自动在页面中加入一段Javascript代码,看不懂它没关系,只要会用就可以了。鼠标悬浮翻转图片效果就完成了。然后,按下F12预览一下。
﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌﹌
如果有问题要注意以下几点:
1、尽量避免用中文名称命名文件和中文链接;
2、链接路径一定要正确。
3、页面中的Javascript代码还在不在
如果还有问题请用baidu hi联系我。
2024-07-20 广告