Question

js鼠标放到图片上图片背景变色该怎么写

不放的时候是这样的

放上去了是这样的

旁边的橘黄色框不用 右下角的橘黄色不用 中间的也不用 就让它的背景颜色就可以，求大神告知





Answer 1

这个简单
1、重点在，图片的背景是透明的，png格式的。
2、鼠标放在图片上的时候，改变的是块级元素的背景。
举例
<div><img src="xx.png"></div>
鼠标放上去之后，改变的是div的背景。就这样效果就可以实现了。

追问

能帮写一个例子的代码么，实在想不出来了，是不是要使用onmoumove

追答

.box{height:100px;width:200px;background:#f3f3f3;}
.xob{background:#d4c3f6;}

$(function () {
$(".box").hover(function () {
$(this).toggleClass("xob");

})
})

在这个例子上，你把xx.png,换成你需要的透明背景图片就可以了。