Pequeño personalizable JavaScript Tabs plugin-WellTabber
| Autor: | wellnine |
|---|---|
| Views Total: | 1,501 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 6, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
WellTabber es un pequeño y fácil de personalizar plugin de JavaScript utilizado para la generación de interfaz con pestañas horizontales o verticales de HTML simple & CSS.
Funcionamiento
Incluye el archivo JavaScript de WellTabber en la página web y estamos listos para irnos.
<script src="WellTabber.js"></script>
Cree una interfaz de pestañas horizontal básica.
<div class="tabsDemoBox noNavArr"> <div class="infoNav"> <span class="active aim" data-aimNoNavAr="tab_1">Tab 1</span> <span class="aim" data-aimNoNavAr="tab_2">Tab 2</span> <span class="aim" data-aimNoNavAr="tab_3">Tab 3</span> </div> <div class="tabsBox"> <ul class="detailTab active" data-targetNoNavAr="tab_1"> <li> <h2>TAB 1</h2> </li> </ul> <ul class="detailTab" data-targetNoNavAr="tab_2"> <li> <h2>TAB 2</h2> </li> </ul> <ul class="detailTab" data-targetNoNavAr="tab_3"> <li> <h2>TAB 3</h2> </li> </ul> </div> </div>
Inicialice el complemento WellTabber.
new WellTabber("[data-aimNoNavAr]","[data-targetNoNavAr]","active"); Aplica tus propios estilos CSS al plugin.
.tabsDemoBox {
...
}
