日期:2014-05-16  浏览次数:20565 次

请问这种功能可以实现吗?
<a href="#"><img src="XXX" /></a>

一个图片作为超链接,当鼠标移动过去的时候能不能变为另一幅图片?a:hover可以吗?
------解决方案--------------------
可以的,比如这样:

a .a{display:inline-block;}
a:hover .a{display:none;}
a .b{display:none;}
a:hover .b{display:inline-block;}

<a><img class = "a" src = "images/baby.jpg"><img class = "b" src = "images/mint.jpg"></a>



这样的话,需要一个额外的img标签,

也可以使用js,这样改变img的src属性即可。。