如何用CSS实现鼠标移动到某张图片时变成另一张图片
发布网友
发布时间：2022-04-21 20:23
共3个回答
懂视网
时间：2022-05-13 14:46
当鼠标放在一个图片上的时候可以切换为其他图片，使用javascript可以实现，下面介绍一下如何使用CSS实现此功能。
代码实例如下:
CSS实现的图片切换效果-蚂蚁部落
以上代码实现了，当鼠标放在链接上时，能够实现图片的切换功能。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8354
热心网友
时间：2022-05-13 11:54
.test{display:block;width:100px;height:100px;background:url(xxx.jpg)}
.test:hover{background:url(yyy.jpg)}
</style>
<a class="test" href="#"></a>
也可以这样做：
a容器，，，b图片一，，，c图片二，，bc都定位在A里
a容器 c图片二{display:none；}
a容器:hover B图片一{display:none；}
a容器:hover c图片二{display:block；}
还有很多很多方法，，，
不过建议直接用JS来实现吧，，网上现成代码很多。。。
热心网友
时间：2022-05-13 13:12
