當鼠標懸停按鈕時更改背景

Question

我試圖改變我的主頁的背景圖像，每當我將鼠標放在按鈕上時，爲5個不同的按鈕。

我正在嘗試Javascript，但它接縫不工作，任何幫助？

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是按鈕。

感謝您的幫助。