Javascript - Boton de color cambiante
Códigos Javascript
Simpatico boton que cambiará al pasar el mouse por encima y al pulsar
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Necesario poner la primera parte del codigo entre las etiquetas Head y el formulario en el body
CODIGO
# Codigo ofrecido por Tutores.org
- <head>
- <script language="javascript">
- // esta parte entre las etiquetas head
- <!--Script ofrecido por tutores.org -->
- var nav = (document.layers) ? true : false
- function arriba(Boton){
- if (!nav && Boton) Boton.style.backgroundColor="red" //modificamos el color
- }
- function fuera(Boton){
- if (!nav && Boton) Boton.style.backgroundColor="silver" // Color cuando el raton no toca el boton
- }
- function enviamos(Boton){
- if (!nav && Boton) Boton.style.backgroundColor="orange" // color al pulsar
- }
- </script>
- </head>
- <body>
- <form name="miboton">
- <input type="button" name="boton" value="Boton de color" onMouseOver="arriba(this)" onMouseOut="fuera(this)" onClick="enviamos(this)">
- </form>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Boton de color cambiante" href="http://www.tutores.org/codigo/509/" target="_blank">Boton de color cambiante</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Boton de color cambiante" href="http://www.tutores.org/codigo/509/" target="_blank">Boton de color cambiante</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS