Quiero que un boton cambie de color de fondo al pasar el mouse encima de el, el color sería #fff y luego de sacarlo le cambia nuevamente el color por defecto que ya tenía.
ya se que se puede con css pero necesito hacerlo con javascript.
Los botones creados:
<ul class="vertical posicion_menu">
<li><a href="#quienes-somos" id="boton_a" onmouseover="Mostrar_A_Hover()" onmouseout="Ocultar_A_Hover()" onclick="Mostrar_A()">¿Qué es bolishop?</a></li>
<li><a href="#restricciones" id="boton_b" onmouseover="Mostrar_B_Hover()" onmouseout="Ocultar_B_Hover()" onclick="Mostrar_B()">¿Quienes pueden usarlo?</a></li>
<li><a href="#ventajas" id="boton_c" onmouseover="Mostrar_C_Hover()" onmouseout="Ocultar_C_Hover()" onclick="Mostrar_C()">¿Cuales son las ventajas?</a></li>
</ul>
Funciones para los hovers
<script type="text/javascript">
function Mostrar_A_Hover {
document.getElementById("boton_a").style.backgroundColor = '#ccc';
}
function Ocultar_A_Hover {
document.getElementById("boton_a").style.backgroundColor = '#EAEBEF';
}
function Mostrar_B_Hover {
document.getElementById("boton_b").style.backgroundColor = '#ccc';
}
function Ocultar_B_Hover {
document.getElementById("boton_b").style.backgroundColor = '#EAEBEF';
}
function Mostrar_C_Hover {
document.getElementById("boton_c").style.backgroundColor = '#ccc';
}
function Ocultar_C_Hover {
document.getElementById("boton_c").style.backgroundColor = '#EAEBEF';
}
</script>
No se me quieren cambiar, no funcionan. ¿Que puede ser? desde ya muchas gracias!
has intentado abrir la consola de programador y ver los errores? (todas las funciones tienen el mismo error, les falta parentesis)