Biblioteca de pestañas JavaScript simple-pestaña simple
| Autor: | bkapke |
|---|---|
| Views Total: | 6,721 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 22, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Simple Tab es una librería/plugin JavaScript súper pequeño para crear una interfaz con pestañas que te permite cambiar entre secciones de contenido haciendo clic en las pestañas. Se puede utilizar tanto como una biblioteca independiente de JavaScript o un plugin para jQuery.
Funcionamiento
Agregue la biblioteca simple-Tab en su página web.
<script src="simple-tabs-pure-js.js"></script>
Incluya el archivo CSS para los estilos básicos.
<link rel="stylesheet" type="text/css" href="css/default.css">
Cree el código HTML para una interfaz con pestañas.
<ul class="simple-tabs" id="demo-tabs"> <li class="info active">Info</li> <li class="images">Images</li> <li class="recipes">Recipes</li> </ul> <div class="clear-float"></div> <div id="info" class="tab-page active-page"> Tabbed content 1 </div> <div id="images" class="tab-page"> Tabbed content 2 </div> <div id="recipes" class="tab-page"> Tabbed content 3 </div>
Inicialización.
<script>
window.onload = function() {
var demoTabs = new SimpleTabs(document.getElementById('demo-tabs'));
};
</script>
