1

我一直在使用

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

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

4

4 回答 4

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

您必须提供类名,但您要提供图像路径。你可以这样做

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

并在hove将toggleClass更改为

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

并最初class1作为你的 div 的一个类,带有 idheaderright

编辑 我从您的讨论中了解的内容。将悬停功能更改为此

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

你可以试试这个

于 2013-04-10T04:09:10.190 回答
0

尝试

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

然后定义一个css样式

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

演示:小提琴

于 2013-04-10T04:12:42.593 回答
0
 Try this: it will change the background:     

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

If u have image on print div it will change the src and display the other image..
于 2013-04-10T04:15:27.610 回答
0

创建一个新类

 .backgroungEG {

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


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

我希望这有效..

于 2013-04-10T04:17:16.367 回答