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

不放的时候是这样的

放上去了是这样的

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

这个简单
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,换成你需要的透明背景图片就可以了。

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网