Girovagando qua e la in cerca di un menu accordion per i miei progetti ho trovato questo interessante sito, che vi ripropongo, qui viene spiegato molto bene come costruirlo, utilizzando set di liste annidate e script jquery.easing.

sito: http://www.gcmingati.net/wordpress/2007/12/05/accordion-m...

Interessante plug-in jquery simplemodal windows di Eric Martin, trattasi di una finestra di dialogo modale con uno stile di base minimo facilmente configurabile. Ci sono alcuni attributi CSS da impostare internamente. Probabile conflitto tra il plug-in lightbox e quest'ultimo risolvibile attraverso l'inserimento del seguente parametro: jQuery.noConflict();

alla fine del file js/jQuery.js  (vedi http://www.marcoduff.com/2008/06/03/simplemodal-contact-form-smcf/ )

potete vedere e scaricare la demo del plug-in a quessto link:  

http://www.ericmmartin.com/simplemodal/

Ecco l'evoluzione di lightbox che abbiamo già visto in precedenza, Lightwindow 2 un ottima risorsa da utilizzare per la gestione di contenuti di vario genere evitando il reload di pagina da parte del server. Lightwindow in sostanza è uno script che sfrutta la libreria Protoype e Scriptaculous per aprire lightbox all’interno di una pagina web, però diversamente dal lightbox classico possiamo visualizzare all’interno di un box (modal window) risorse come pdf, video, filmati youtube, swf e addirittura pagine web esterne.

sito web e demo: http://www.stickmanlabs.com/lightwindow/

Ecco un altro effetto molto usato in flash ma che ora è possibile creare con l'ausilio di javascript!!!

PBB MagicWheel può facilmente creare un "Magic Wheel" con la possibilità di aggiungere una riflessione di immagini e tooltip. Questa classe è per javascript Mootools 1.2

Caratteristiche

     * Molto semplice da usare
     * Riflessione delle immagini
     * Tooltips
     * Completamente configurabile
     * Aggiunta automatica di icone / immagini possibile

potete vedere un esempio e scaricare i file sorgente dal seguente sito: http://www.mibhouse.org/pokemon_jojo/post/2008/10/25/PBB-...

Ecco un effeto di menu 3d con immagini che ruotano molto usato in flash, in questo caso invece l'effetto viene fatto mediante l'impiego di javascript. L'esempio di questo effetto lo trovate qui: (http://www.piksite.com/carousel.us/carousel.us.php)

E' possibile scaricare i file per creare il carosello di immagini dal seguente link , è molto semplice da configurare, vengono usati i seguenti javascript prototype.js, scriptaculous.js e mootools.js. Si utilizza anche PHP easyreflections - uno script PHP che prende un'immagine e quindi crea una riflessione.

sito web:  http://www.piksite.com/carousel.us/

Come creare un'interfaccia a tab con l'uso di  JavaScript e di modelli CSS? Semplice, sfruttando le potenzialità di jQuery.

I menu a schede, detti anche tab, consentono di "nascondere" parti di testo di una pagina HTML, consentendo di snellire la quantità di informazioni presentate in un "box dei contenuti" che puo variare di dimensione e colore a seconda della linguetta attiva.

Ecco quindi di seguito riportati i link dove poter trovare dei plug-in jquery per costruire una interfaccia a tab.

Il primo link presenta molti esempi per l'impiego dell'interfaccia a TAB:

http://stilbuero.de/

Il secondo è un aggiornamento del primo:

http://stilbuero.de/jquery/tabs_3/

Per l'uso di Jquery è possibile vedere la documentazione in questo sito:

http://docs.jquery.com/Downloading_jQuery

Aggiungo inoltre jQuery UI che è possibile utilizzare per costruire applicazioni web altamente interattive.

http://ui.jquery.com/home

Lightbox è un semplice e pratico javascript per mostrare ingrandimenti di immagine a centro pagina in maniera accattivante.E 'un gioco da ragazzi da installare e funziona su tutti i browser moderni.

Per il download e l'installazione visita il sito: http://www.huddletogether.com/projects/lightbox2/

jFlow è un widget per rendere dinamico lo scorrimento di immagini o testi .

jFlow è super leggero, perché è solo 1.9kb!!

Sito web autore: http://www.gimiti.com/kltan/wordpress/?p=35

Sito web: http://nettuts.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/  (implementation)

script.aculo.us è un insieme di librerie JavaScript per migliorare l'interfaccia utente di siti web. Esso fornisce un motore di effetti visivi, un drag-and-drop, un paio di controlli (Ajax-based automatico, in-place editing, cursori) e altro ancora.

sito web: http://script.aculo.us/