鼠标事件与按钮：鼠标悬停，的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'