javascript - 1 つの 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、idを持つdivのクラスとして配置しますheaderright

あなたの議論から私が理解したことを編集します。ホバー機能をこれに変更します

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

あなたはこれを試すことができます