lunes, enero 05, 2009

SimpleTabs

via Intenta on 1/5/09

SimpleTabs es un script no intrusivo para realizar "tabs" (pestañas). Quizá la gran ventaja es que no depende de ninguna biblioteca como jQuery, Mootools, etc. Lo que significa, por un lado, que nos podremos evitar posibles conflictos entre librerías o incompatibilidades con otros scripts, y por otro qe el tamaño final del script será mucho menor. También cabe destacar que es capaz de recordar el último tab al que se ha accedido si se recarga la página.

Para implementarlo hay que incluir los ficheros simpletabs.js y simpletab.css files y replicar una estructura XHTML similar a la siguiente:

<div class="simpleTabs">
       <ul class="simpleTabsNavigation">
           <li><a href="#">Tab 1</a></li>
           <li><a href="#">Tab 2</a></li>
            <li><a href="#">Tab 3</a></li>
       </ul>
       <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 1" se le hace click.</div>
        <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 2" se le hace click.</div>
       <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 3" se le hace click.</div>
</div>

Ver ejemplo en funcionamiento en la web del autor

SimpleTabs by Komrade


blog comments powered by Disqus

Entradas populares