Esercizi di stile

Più che degli esercizi di stile, in questo articolo preparo il sito web per accogliere gli esercizi di stile che farò.
Conscio della mia pigrizia non ho nessuna intenzione di creare per ogni esercizio, una pagina DEMO, ma poichè so che i demo sono necessari per visionare il risultato finale, ho inserito all’interno del foglio JS che utilizzo dei piccoli script che rendono vivo il codice che scrivo.

Quello che segue è un piccolo esempio

<figure class="logo">
<img src="http://img641.imageshack.us/img641/8964/logojquery.jpg" />
<figcaption>Questo è il caption dell'immagine</figcaption>
</figure>
$('figure.logo img').click(function(){
 $(this).animate({
    opacity: 0.25,
    height: 'toggle'
  }, 5000);
});
$('figure.logo figcaption').click(function(){
 $('figure.logo img').animate({height:'toggle',opacity:1},3000);
});
figure.logo figcaption{color:#f00;cursor:pointer;}