JOURMOLY

var miEfectos = new Fx.Elements(elementos, {opciones});

//Seleccionamos todos los elementos con clase "prueba" que están
//dentro de un elemento con id "prueba-1"
var misEfectos = new Fx.Elements($$('#prueba-1 .prueba'));
misEfectos.start(
{
    //elemento 0, el primero de nuestro arreglo de elementos
	'0':
	{
	//Las propiedades css se colocan de igual manera que en Fx.Styles
		'opacity': [0,1],
		'width': [80, 300]
    },
	//elemento 2, el tercero de nuestro arreglo de elementos
    '2':
	{
		'opacity': [0,1],
		'width': [80, 300]
    }
});

var elementos = $$('#prueba-2 .prueba');
var misEfectos = new Fx.Elements(elementos);
var efectos = {};
 
elementos.each(function(el, i)
{
	efectos[i] =
	{
		'opacity': [0,1],
		'width': [80, 300]
	};
});
misEfectos.start(efectos);
});

var elementos = $$('#prueba-3 .prueba');
var misEfectos = new Fx.Elements(elementos);
var efectos = {};
 
elementos.each(function(el, i)
{
	efectos[i] =
	{
		'width': [80, 80 + (115 * (i + 1))],
		'opacity': [0.5, 1],
		'background-color': ['#B4C24B', '#FF0000']
	};
});
misEfectos.start(efectos);

var elementos = $$('#prueba-4 .prueba');
var misEfectos = new Fx.Elements(elementos4,
{
//Las opciones y eventos funcionan de igual forma que en
//Fx.Style y Fx.Styles
	duration: 2000,
	onComplete: function()
	{
		alert('Completado!');
	}
});
var efectos = {};
 
elementos.each(function(el, i)
{
	efectos[i] =
	{
		'width': [80, 80 + (115 * (i + 1))],
		'opacity': [0.5, 1],
		'background-color': ['#B4C24B', '#FF0000']
	};
});
misEfectos.start(efectos);