javascript - 带有按钮的鼠标事件 : mouseover, onclick，静态

Question

我想要一个按钮有 3 种不同的状态(同一按钮的 3 个不同图像)-静止的-徘徊-点击-release(恢复静态)

我发现了很多鼠标悬停更改图像的示例，但没有找到有关单击选项的示例。

谢谢:)

Answer 1

高级答案:使用 CSS1 :active pseudo-class .

#myButton {
    /* static state */
}

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

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