Complemento básico de contenido en fichas limpio en JavaScript puro-Tabed. js
| Autor: | svichas |
|---|---|
| Views Total: | 308 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 9, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Tabed. js es un plugin de pestañas limpias mínimas que genera automáticamente una navegación de pestañas a Switch entre el contenido con pestañas .
See also:
Funcionamiento
Instale el Tabed. js con NPM.
# NPM $ npm install tabed --save
O directamente incluir los archivos JavaScript y CSS en la página.
<link rel="stylesheet" href="dist/tabed.min.css"> <script src="dist/tabed.min.js"></script>
Cree el contenido con pestañas y especifique los nombres de tabulación que se muestran en las fichas de navegación.
<div class="tabed"> <div class="tab" data-title="Tab 1"> Tab Content 1 </div> <div class="tab" data-title="Tab 2"> Tab Content 2 </div> <div class="tab" data-title="Tab 2"> Tab Content 3 </div> </div>
Inicializar la biblioteca de tabed y listo.
new Tabed(".tabed"); Especifique qué ficha se debe abrir en la carga de página.
new Tabed(".tabed", {
tabOpen: 2 // 2 = tab 3
});
