JuliusDesign

jQuery idTabs Plugin: Creare Tabs di Navigazione efficaci

di Letture: 1.970

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

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

Chi ha letto questo articolo ha letto anche

6 Commenti

  3. Valentina

    E’ molto semplice da usare come descrivi tu, ora vediamo se per me è lo stesso :P

    Cita / Quota
  4. Pino

    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

    Cita / Quota
  5. MaiNick

    Stavo proprio studiando alcuni plugin per diversi framework JavaScript per creare un form a tab.
    Questo mi mancava!!!

    Cita / Quota
  6. Pr0v4

    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!

    Cita / Quota

Commenti