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

 我来答
匿名用户
2013-11-05
展开全部
要用CSS,而不是js的话,不得不用hover伪类了。.btn {background:url(xx.jpg) no-repeat;}.btn:hover {background:url(yy.jpg) no-repeat;}不过最好是两张图片合为一个图片,这样hover的时候只要改变背景的position就行了,也不怕图片因为没有预加载而一下显示不出来。最后要说的就是IE6不支持除a以外其它元素的hover伪类。
不明所以的鱼16
2017-06-06 · 超过15用户采纳过TA的回答
知道答主
回答量:57
采纳率:0%
帮助的人:17.6万
展开全部
用JS事先,点击这张图片变成另一张用onclick。
划过用onmouseover
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-11-05
展开全部
body{corsor:url('图片位置'); } 比如body{cursor:url('image/heart.ani'); } 图片格式是.ani
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
fuffu55353
2017-06-06 · TA获得超过841个赞
知道小有建树答主
回答量:758
采纳率:27%
帮助的人:169万
展开全部
<img src="images1.PNG"

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

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

">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式