Tabulous.js è un modulo tabs per jQuery molto utile per creare Tabs animati con estrema semplicità e che può essere utilizzato con qualsiasi contenuto si voglia inserire nelle schede Tabs.
È possibile personalizzare gli effetti dei contenuti nei vari Tabs con opzioni come scale, slideLeft, scaleUp e flip. Potete visualizzare la demo per vedere Tabulous.js e gli effetti dal vivo. Buon lavoro!
Creare Tabs animati con jQuery – Tabulous.js
Esempio implementazione codice HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<div id="tabs"> <ul> <li><a href="#tabs-1" title="">Tab 1</a></li> <li><a href="#tabs-2" title="">Tab 2</a></li> <li><a href="#tabs-3" title="">Tab 3</a></li> </ul> <div id="tabs_container"> <div id="tabs-1"> <!--tab content--> </div> <div id="tabs-2"> <!--tab content--> </div> <div id="tabs-3"> <!--tab content--> </div> </div><!--End tabs container--> </div><!--End tabs--> |
Inizializzazione del plugin
1 2 3 4 5 6 7 |
$(document).ready(function ($) { $('#tabs').tabulous({ effect: 'scale' }); }); |
Demo Download Info | Sito Web | Autore