idTabs è un plugin creato con la famosa libreria jQuery che premette di creare dei semplici ed efficaci Tabs di navigazione
E’ possibile scaricare il file JavaScript da richiamare nelle nostre pagine per creare una navigazione chiara ed efficace tra tabs
Per richiamare il file JavaScript scriviamo tra <head> e </head>
<script type="text/javascript" src="jquery.idTabs.min.js"></script>
Possiamo notare come il codice da utilizzare sia davvero semplice
La sintassi base da utilizzare è la seguente:
<ul class="idTabs">
<li><a href="#jquery">jQuery</a></li>
<li><a href="#official">Tabs 3</a></li>
</ul>
<div id="jquery">If you haven't checked out ...</div>
<div id="official">idTabs is only a simple ...</div>
Abbiamo una classe gerarchica nel tag “ul” di nome idTabs, e per ogni collegameto con tag “a href” vi è un richiamo alla classe specifica
Articoli simili in Free, HTML, JavaScript, jQuery, Opensource
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web.
Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
...
Tommy
16 ottobre 2008
Grazie per la segnalazione julius…è quello che cercavo!
Markino
16 ottobre 2008
Interessante…jQuery è un’ottima libreria!
Valentina
16 ottobre 2008
E’ molto semplice da usare come descrivi tu, ora vediamo se per me è lo stesso
Pino
16 ottobre 2008
peccato che si perdano tutte le funzionalità nel momento in cui javascript non è attivo.
jquery rimane però un’ottima libreria per evitare di scrivere tonnellate di righe di codice per implementare sempre le stesse funzioni
MaiNick
16 ottobre 2008
Stavo proprio studiando alcuni plugin per diversi framework JavaScript per creare un form a tab.
Questo mi mancava!!!
Pr0v4
22 gennaio 2009
Ciao Julius, stavo proprio cercando un plugin del genere per la realizzazione del mio prossimo template, il fatto e’ che appena ho provato ad aggiungere questo plugin al mio template e cercando di inserire l’effetto nella mia sidebar non vedo nessun cambiamento! Neanche con il codice che viene proposto dalla stessa homepage del plugin!!!
Per togliermi ogni dubbio ho provato a vrearmi una pagina html di base e controllare se il codice che avevo appena copiato funzionava; e sorpresa delle sorprese… Funziona alla grande!
Ora mi chiedo c’e’ qualche hack in particolare che devo adottare per far si che questo plugin lavori nella mia sidebar??? Devo forse crearmi un file esterno e richiamarlo attraverso un include?
Sperando in una tua risposta ti saluto e ti faccio i miei complimenti per il sito!