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 -->