Kreatore.it

Sviluppo applicativi Lamp

Esercizi di stile

Scritto da: | Categorie: ,

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;}
Tags: , , , ,

Articoli Simili

Cerca per tag

admin, ajax, android, apache, app, audio, backup, beta, blog, bordi, browser, caffè, calcolo, calibre, categorie, cd, chrome, clienti, cloud, cms, condivisione, css3, csv, database, debian, desktop, drive, driver, dump, e-reader, evolution, file, firefox, flash, font, foto, freelance, funzioni, gd, gedit, gimp, htc, html5, iexplorer, immagini, indirizzo, inkscape, internet, iphone, java, javascript, jquery, kivy, kv, less, lettura, link, linux, live, mac, macchina, mail, menu, mobile, mod, mp3, mysql, nautilus, newsletter, ombra, open office, opera, os, paypal, pdf, picasa, plugin, python, safari, skype, smartphone, smf, ssh, stampante, tabs, tag, tastiera, terminale, test, testo, textile, textpattern, theme, ubuntu, usb, video, web editor, website, windows, wysiwyg, xfce4, youtube

Cerca per categoria

© 2011 Kreatore.it :: Sito web realizzato da Marco Casalegno

TXP | Admin | Home | Back to Top

Tutte le informazioni e le immagini sono rilasciate sotto licenza secondo la Creative Commons License 2.0.