如何改变不同的div背景img时，悬停一个空的div？
如何改变不同的div背景img时，悬停一个空的div？
提问于 2013-05-31 18:13:08
希望你能帮上忙，这是可以做到的…
我有类似这样的东西：http://jsfiddle.net/keG6G/5/
这是HTML代码：
<div id="logo">
<div id="drop1">
</div>
<div class="clear"></div>
<div id="drop2">
</div>
<div id="drop3">
</div>
</div>
<div id="words">
<div id="a">
</div>
<div id="b">
</div>
<div id="c">
</div>
</div><div id="logo">只有一张背景图片。
<div id="drop1">、<div id="drop2">和<div id="drop2">是透明的(显示边框以使其可见)。
div的“a”、“b”和“c”都有背景图像。
我需要做的是:当鼠标悬停在“drop1”、“drop2”或“drop3”div上时，div“‘logo”的背景img会随着div“a”、“b”和“c”的背景img一起改变。
所以为了更清楚，如果我悬停div'drop1'：div'logo'，div'a'，div'b'和div'c'会改变背景图像。
我不确定使用jQuery是否最好，因为我对它了解不多。
我希望我能很好地解释我的问题。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-31 18:22:21
使用以下jquery代码
$('#drop1,#drop2,#drop3').hover(
function(){
$('#a').css({"background-color":"blue"});
$('#b').css({"background-color":"red"});
$('#c').css({"background-color":"green"});
$('#logo').css({"background-color":"black"});
},function(){
//similarly give them their original backgrounds
});如果想要将它们的背景更改为公共背景，则创建一个类new_background，然后添加
$('#a,#b,#c,#logo').addClass("new_background");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16854906
复制相关文章
相似问题
腾讯云开发者
