Menu con botones

[carlosmbrizuela]

Tengo el siguiente codigo html

Código HTML:

<div class="botonmenuprincipal">
<input  type="button"  src="" value="Botón 1" class="boton" id="botonmenu1"
 onmouseout="volveracolororiginal(1);" onmouseover="cambiarcolor(1);" />
</div>
<div class="botonmenuprincipal">
<input  type="button"  src="" value="Botón 2" class="boton" id="botonmenu"
 onmouseout="volveracolororiginal(2);" onmouseover="cambiarcolor(2);"/>
</div>
</div> 

el siguiente codigo JS

function cambiarcolor(){
var name=document.getElementById;
document.getElementById(name).style.background='#0 00000';
}

function volveracolororiginal(){
document.getElementById('botonmenu').style.backgro und='#638cb5';
}

Lo que quiero lograr es hacer un relover de los botones, pero no me doy cuenta de como mandarle el nombre de cada boton.

Saludos y Gracias

[JavierB]

Hola carlosmbrizuela

Pon así el botón:

Código:

<input type="button" src="" value="Botón 1" class="boton" id="botonmenu1"
  onmouseout="volveracolororiginal(this);" onmouseover="cambiarcolor(this);" />

Y así el código:

Código:

function cambiarcolor(obj){
  obj.style.background='#000000';
}

function volveracolororiginal(obj){
  obj.style.background='#638cb5';
}

Saludos,

[carlosmbrizuela]

Muchas gracias funciona de maravillas.

saludos