怎么才能在CSS中实现 一张图片当鼠标划过时变成另一张图片 ?

如题所述

要用CSS,而不是js的话,不得不用hover伪类了。.btn {background:url(xx.jpg) no-repeat;}.btn:hover {background:url(yy.jpg) no-repeat;}不过最好是两张图片合为一个图片,这样hover的时候只要改变背景的position就行了,也不怕图片因为没有预加载而一下显示不出来。最后要说的就是IE6不支持除a以外其它元素的hover伪类。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-06
用JS事先,点击这张图片变成另一张用onclick。
划过用onmouseover本回答被网友采纳
第2个回答  2013-11-05
body{corsor:url('图片位置'); } 比如body{cursor:url('image/heart.ani'); } 图片格式是.ani
第3个回答  2017-06-06
<img src="images1.PNG"

onMouseOver="this.src='images/2.gif'"

onMouseOut="this.src='images/1.png'

">

相似回答