Javascript 将鼠标悬停在一个div上，然后更改另一个div的背景

我一直在使用

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

当我将鼠标悬停在我的div id“print”（其中有一个图像）上时，是否可以更改另一个div（headderright）的背景

您必须给出类名，但您给出的是映像路径。你可以这样做

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

然后在hove上把班级换成

$("#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"," ");
});

你可以试试这个

您必须给出类名，但您给出的是映像路径。你可以这样做

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

然后在hove上把班级换成

$("#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"," ");
});

你可以试试这个

$("#print").hover(function() {
    $("#headerright").addClass("my-background");
},function(){
    $("#headerright").removeClass("my-background");
});

然后定义一个css样式

.my-background{
    background: img/divright.jpg;
}

演示：

试试看

$("#print").hover(function() {
    $("#headerright").addClass("my-background");
},function(){
    $("#headerright").removeClass("my-background");
});

然后定义一个css样式

.my-background{
    background: img/divright.jpg;
}

---

演示：

创建一个新类

 .backgroungEG {

     background-image :  "img/divright.jpg"
  }


  $("#print").hover(function(){
    $("#headerright").addClass("backgroungEG ");
  });

---

我希望这能起作用。

创建一个新类

 .backgroungEG {

     background-image :  "img/divright.jpg"
  }


  $("#print").hover(function(){
    $("#headerright").addClass("backgroungEG ");
  });

---

---

我希望这能起作用。

您需要使用类名，

img/divright.jpg

不是类名您需要使用类名，

img/divright.jpg

不是类名我使用div-id和我的图像在html中作为我的打印div-id有关系吗？我需要在我的标题中删除图像，直到打印图像悬停在上方。我不管你使用id或类名来选择元素。你的意思是当你从div中删除鼠标时，图像应该被删除？你也不想让这个图像出现在css中？对吧?哈!！对不起，这很难解释。我在一个名为print的div id中有一个图像，我想如果当我将鼠标悬停在该图像上时，背景图像将出现在一个名为HeaderRights的完全不同的div中。我使用div-id，并且我的图像在html中作为我的打印div-id，这有关系吗？我需要在我的标题中关闭该图像，直到打印图像悬停在上面。我不在乎您使用id或类名进行选择元素您的意思是当您从div中删除鼠标时，图像应该被删除？你也不想让这个图像出现在css中？对吧?哈!！对不起，这很难解释。所以我在一个名为print的div id中有一个图像，我想当我将鼠标悬停在该图像上时，背景图像会出现在一个名为headerRights的完全不同的div中，对不起。我对网页设计很陌生，这是我的第一个网站。那么我会在你放类名的地方写我的id名吗？我应该改做阿迪德吗？或者我需要把身份证换成班级吗？对不起。我对网页设计很陌生，这是我的第一个网站。那么我会在你放类名的地方写我的id名吗？我应该改做阿迪德吗？或者我需要从ID更改为类吗？要更改的类和背景图像也需要在我的html中吗？您可以将该类保留在html或css中。如果你把你的css放进去，你可以从多个html页面中使用它。类和背景图像是否也需要在我的html中更改？你可以在你的html或css中保留该类。如果你把css放进去，你可以在多个html页面上使用它。非常感谢。它不起作用，但东西移动了，所以我肯定我错过了很多东西。它不起作用，但东西移动了，所以我确信我错过了一些东西