Ciao a tutti, ho scritto questo semplice codice con MooTools:

codice:
var fximg01 = $('img01');
fximg01.set('tween', {duration: 200})
			
$('img01').addEvent('mouseenter', function(e) {
	e.stop();
	fximg01.tween('opacity', 0.6);
});
			
$('img01').addEvent('mouseleave', function(e) {
	e.stop();
	fximg01.tween('opacity', 1);
});
Cosa fa: prende un tag A che ha id="img01" e al passaggio del mouse sopra se stesso lo rende leggermente trasparente. Quando il mouse esce lo fa tornare normale.

La domanda è questa: se io nella mia pagina ho per ipotesi 10 elementi che devono avere questo effetto, che codice devo scrivere (oltre che ripetere per 10 volte quel codice incrementando il numero dell'id)?

Grazie a chi mi sarà d'aiuto.

Sergio