마우스가 버튼 위로 마우스를 가져갈 때 배경 변경

Question

5 개의 다른 버튼에 대해 버튼을 마우스로 이동할 때마다 내 홈페이지의 배경 이미지를 변경하려고합니다.

자바 스크립트로 작업하고 있지만 이음새가 작동하지 않습니다. 어떤 도움이 필요합니까?

Answer 1

여기에서 단락을 가리킬 때마다 단락의 배경 이미지가 변경됩니다.

HTML 코드

<p>Hover the mouse pointer over this paragraph.</p> 

JQuery와 코드

$("p").hover(function(){ 
     $(this).css("background-color", "yellow"); 
     }, function(){ 
     $(this).css("background-color", "pink"); 
    }); 

Answer 2

나는 다음과 같은 코드를 시도했지만 아무것도 일어날 것 같다;

$("et_pb_section_0").hover(function(){ 
     $(this).square0("background-color", "yellow"); 
     }, function(){ 
     $(this).square1("background-color", "pink"); 
    }); 

.et_pb_section_0 배경과 .square0의 클래스, 버튼은 .square1 있습니다.

도와 주셔서 감사합니다.