PROBLEMA CON L' EFFETTO ROLLOVER PER PULSANTI

[Simona339]

Ciao a tutti mi chiamo Simona volevo chiedervi una cosa:
Sto costruendo un sito con FRONTPAGE in cui vorrei inserire un pulsante che si anima quando ci passa sopra il cursore del mouse. Girando in internet ho trovato questo script:
script language="JavaScript">
<!--
function cambia(ImageName, ImageFile)
{
ImageName.src = ImageFile;
}
// -->
</script>
[img]bottone1.gif[/img]

e inserendolo nel FILE CSS il codice funziona. Il mio problema però è che il codice funziona per UN SOLO PULSANTE, ma io dovrei inserirne almeno 7!! Perchè, se seguo la stessa procedura, opportunamente cambiando il nome del file di origine del bottone, l'effetto non si verifica? Non solo, ma anche sul PRIMO BOTTONE l'evento non si verifica più!!!!
Mi potreste aiutare??
Grazie mille
Simona

[M@nu]

inserisci un javascript nel foglio di stile ...

cmq perchè non sfrutti direttamente le proprietà dei css?

a.tuaclasse {
	background-image: url(img1.gif);
}
a:hover.tuaclasse  {
	background-image: url(img2.gif);
}

xxxxxx