Ciclare il contenuto di un div in dissolvenza

[Tremisfero]

Conoscete uno script che mi faccia ciclare ogni tot secondi il contenuto di un div mandando in dissolvenza i suoi vari contenuti possibili?

Ad esempio se dentro ad un div voglio che appaia prima:
BUON
e poi:
ANNO
e poi:
BUON
etcetc...
Con una dissolvenza tra una visualizzazzione e l'altra.

[artorius]

e per distinguere le parti da dissolvere cosa usi?

[Tremisfero]

Che fai mi chiedi come risolvere il problema che non so risolvere?

[artorius]

D'accordo:

metti di fare un HTML come questo:

<div id="MyCycling">
   <span>Buon </span>
   <span>Natale </span>
   <span>! </span>
</div>

Come puoi vedere ci sono 3 span, i quali, essendo display: inline;, vengono stampati come se non ci fossero.
A questo punto li ottieni e li mostri uno alla volta.
(Nota, ti faccio un esempio con Mootools, perché non ho voglia di pensare al JS nativo)

var spans, counter = 0;
window.addEvent('domready', function(){
   spans = $$('#MyCycling span').setStyles({'display': 'none', 'opacity' : 0});

   spans[counter].setStyle('display', 'inline').tween('opacity', 1);
   apply.periodical(3000);
});

function apply(){
   spans[counter].get('tween').start('opacity', '0').chain(function(){
       spans[counter].setStyle('display', 'none');
       var next = counter < spans.length - 1 ? counter + 1 : 0;       
       spans[next].setStyle('display', 'inline').tween('opacity', 1);
       counter = next;
   })
}

Funziona perché l'ho provato

[Tremisfero]

Grazie sei stato molto gentile.
Peccato che a me però non funzioni e mi dia errore qui:
window.addEvent('domready', function(){
e qui:
var next = counter < spans.length - 1 ? counter + 1 : 0;

[artorius]

ho detto Mootools!!!

[Tremisfero]

Non conosco molto JS e se scrivo su questo forum non devi dare per scontato che sappia come muovermi e che abbia capito quale sia il reale problema che ho di fronte.
Implementato il Framework ora funziona, grazie.

[Tremisfero]

Provando in vari modi questo script che hai realizzato mi sono accorto di non essere in grado di modificarlo in modo che la dissolvenza venga applicata anche a <div> nidificati all'interno degli <span>.
(es. <span><div>Testo</div></span>)
non va.

Capisco che avrei forse dovuto avvertire fin dall'inizio che lo scopo sarebbe statoq uello di visualizzare del contenuto "complesso" e non semplice testo. Spero di ricevere qualche aiuto ma continuo a provare.

[Tremisfero]

Boh mi arrendo... *tristezza*.

[Virus_101]

Il prode artorius ha detto MOOTOOLS!!!
ghghgh
il che vuol dire che devi andare sul sito mootools( lo trovi da google) scaricare e includere quella libreria nella pagina dove usi il codice scritto sopra.