Home

DOMTAB: Menu con pestañas

DOMTAB captura

DOMTAB Es un menu con pestañas (tab) para compaginar páginas dentro de una misma interfaz funciona con javascript y CSS, es ideal para evitar páginas de abundante información donde hay usar mucho el scroll para bajar y subir haciendo incomoda la navegación del usuario. Su compaginación es rápidisima y efectiva.

Para usarlo en tu sitio, bajen el fichero DOMtab version 3.1415927

Y la inserción en tu página es facil.

Colocar el siguiente código de llamada al archivo javascript dentro de las etiquetas <head> </head>

PLAIN TEXT
JAVA:
  1. <script src="http://microoweb.com/wp-admin/domtab.js" type="text/javascript"></script>

Para el esqueleto del DOMTAB, insertar el siguiente código dentro <body> </body> y donde gustes.

PLAIN TEXT
HTML:
  1. <p class="domtab"></p>
  2.  
  3. <ul class="domtabs">
  4.     <li><a href="#t1">Test 1</a></li>
  5.     <li><a href="#t2">Test 2</a></li>
  6. [... and so on ...]</ul>
  7. <h2><a id="t1" title="t1" name="t1"></a>Proof 1</h2>
  8. Test to prove that more than one menu is possible
  9.  
  10. <a href="#top">back to menu</a>
  11. <h2><a id="t2" title="t2" name="t2"></a>Proof 2</h2>
  12. Test to prove that more than one menu is possible
  13.  
  14. <a href="#top">back to menu</a>
  15.  
  16. [... and so on ...]

Enlace | DOMTAB sitio oficial

Quizas te pueda interesar

Deja tu comentario...

Anterior y proxima

« Badge de Gtalk para colocar un chat en tu sitio
Menus de navigación: Tendencias y ejemplos »