Aquí estoy de nuevo.
Este ejemplo funciona con "n" botones en sus dos variantes, normal y pulsado (2n imágenes de 110x20pix); deben llamarse boton1.gif, boton1a.gif, boton2.gif, boton2a.gf, etc.
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>menú botones</title>
<script type="text/javascript">
var n=5
var btn = new Array(n), btna = new Array(n)
for (i=0;i<n;i++)
{ btn[i] = new Image(110,20); btna[i] = new Image(110,20)
btn[i].src = "boton"+i+".gif"
btna[i].src = "boton"+i+"a.gif"
}
function hazTabla()
{ var tx = '<table border="0" cellspacing="0" cellpadding="0">'
for (i=0;i<n;i++)
{ tx += '<tr><td><img name="btn'+i+'" src="boton'+i+'.gif" onClick="elige('+i+')"></td></tr>'
}
tx += '</table>'
document.writeln(tx)
}
function elige(j)
{ for (i=0;i<n;i++)
{ if (i==j) document.images['btn'+i].src=btna[i].src
else document.images['btn'+i].src=btn[i].src
}
}
</script>
</head>
<body>
<script type="text/javascript">hazTabla()</script>
</body>
</html>