按钮在CSS或Javascript中从正常按钮上悬停并按下按钮？

问题描述：

我有三个按钮，一个是正常按钮图像，另一个是正常按钮悬停时的按钮图像，第三个按钮图像是按下正常按钮时的按钮图像。我的问题是如何过渡到徘徊并恢复正常，并从正常图像按下？我可以使用CSS或JavaScript作为更好的解决方案吗？按钮在CSS或Javascript中从正常按钮上悬停并按下按钮？

在可能的情况下，CSS更好。你可以使用css选择器来区分状态：hover：active等 – bluehipy

答

这是一个与CSS很简单：

.my-button { 
    // normal styles 
} 

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

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

如果你打算使用的背景图片，一个好的技巧是使用一个按键精灵表，只是根据按钮状态转变background-position。 Here就是一个例子。