按鈕在CSS或Javascript中從正常按鈕上懸停並按下按鈕？

Question

我有三個按鈕，一個是正常按鈕圖像，另一個是正常按鈕懸停時的按鈕圖像，第三個按鈕圖像是按下正常按鈕時的按鈕圖像。我的問題是如何過渡到徘徊並恢復正常，並從正常圖像按下？我可以使用CSS或JavaScript作爲更好的解決方案嗎？

Answer 1

這是一個與CSS很簡單：

.my-button { 
    // normal styles 
} 

.my-button:hover { 
    // hover styles 
} 

.my-button:active { 
    // active (clicked) button styles 
} 

如果你打算使用的背景圖片，一個好的技巧是使用一個按鍵精靈表，只是根據按鈕狀態轉變background-position。 Here就是一個例子。