javascript - 将鼠标悬停在一个 div 上并更改另一 div 的背景

Question

我一直在使用

$(function(){
$("#print").hover(function(){
$("#headerright").toggleClass("img/divright.jpg");
});
});

当我将鼠标悬停在我的 div id“print”(其中有图像)上时，是否可以更改其他 div (headderright) 的背景？

Answer 1

$("#headerright").toggleClass("img/divright.jpg")

你必须给出类名，但你要给出图像路径。你可以这样做

.class1{
background-image:url('image1.gif');
}
.class2{
background-image:url('image2.gif');
}

然后将toggleClass更改为

$("#headerright").toggleClass('class1').toggleClass('class2')

并最初将class1作为div的一个类，id为headerright

编辑我从你的讨论中了解到什么。将您的悬停功能更改为此

$("#print").hover(function() {
    $("#headerright").css("background-image","url('img/divright.jpg')");
},function(){
   $("#headerright").css("background-image"," ");
});

你可以试试这个