如何在网页实现鼠标经过图像？

Posted 2023-04-23

有种最简单的，
Dreamweaver
里边
插入——图像对象——鼠标经过图像
然后选择好两张图就可以了。
要不就在CSS里边定义，在A标签里边设置个背景图，然后A:hover里边设置另一个背景图就可以了。 参考技术A 用代码比较麻烦，用个简单的方法吧，把光标放在你需要添加图片的地方，点击【插入】--图像对象--【鼠标经过图像】，然后选择所需要的图像和鼠标经过的图像。就可以了。。你试试吧

在网页制作中，怎么把图片应用为动态HTML效果？当鼠标悬停时图片1换成图片2，要怎么设置？

具体操作

Dreamweaver中可以自动设置的
工具栏中 “插入”-“图片对象”-“鼠标经过图片”
如果是用CSS实现的话，可以在需要设置动态效果的标签中使用伪类:hover
具体怎么用，就看你对CSS的掌握程度了。
PS：该方法不适用于IE6，其他的可以。
再有就是用JavaScript来实现了。
对于初学者的话，直接用Dreamweaver来实现比较容易。
后面两种方法涉及到的东西比较多。 参考技术A 首先 要明确 你用的 是背景图 而不是 img插入的（插入的用js 不过你的问题我觉得应该是背景）

对于背景的话不用js

background:url(../images/imgchange.gif) no-repeat scroll 0 0 transparent; width:117px; height:57px; display:block
changeA:hover background-position:-117px

<a class="imgchange changeA"></a>

这应该能懂吧？ 还有就是 i6下 可能不兼容~~~ 参考技术B 百度搜索：js 鼠标经过 换图