Hola asegoviaz:
Esos efectos los puedes implementar en cualquier elemento de tu página...
El color de fondo es el estilo background-color (si lo quieres cambiar con javascript debes eliminar el guión y poner en mayúsculas el primer carácter que le sigue) y el color del texto es el estilo color...
Por compatibilidad es conveniente usar los eventos onmouseover/onmouseout... y puedes cambiar la clase o los estilos:
1º caso... cambiando la clase:
<style>
.normal {
background-color: white;
color: black;
}
.resalte {
background-color: black;
color: white;
}
Y en el botón:
<button onmouseover="this.className = 'resalte'" onmouseout="this.className = 'normal'" >
2º caso... cambiando los estilos:
<button onmouseover="this.style.backgroundColor = 'black'; this.style.color ='white'" onmouseout="this.style.backgroundColor = 'white'; this.style.color ='black'" >
Saludos
