鼠標事件與按鈕：鼠標懸停，的onclick，靜態

Question

我想一個按鈕具有3種不同的狀態（3個不同的同一按鈕的圖像） -static -hover -click -release（返回靜態）

我發現了大量的鼠標懸停圖像的例子，但沒有點擊選項。

謝謝:)

Answer 1

高層答案：使用CSS1 :active pseudo-class。

#myButton { 
    /* static state */ 
} 

#myButton:hover { 
    /* hover state */ 
} 

#myButton:active { 
    /* state while clicked but not released */ 
} 

Answer 2

你想要的事件是mouseover，mouseout，mousedown，並mouseup

在那裏，您可以輕鬆地將背景：

document.getElementById('my_element').style.backgroundPosition='100px 100px'