SummArg | Cursos y recursos para webmasters

10/10/2012

Menu de navegación responsive con jQuery

HorizontalNav es un plugin jQuery que nos facilita generar un menú que abarque todo el ancho de un contenedor, acomodando correctamente el estilo de nuestros botones.

Marcado HTML:

<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul>
<li><a href="#">Navigation Item</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

JavaScript:

$(document).ready(function() {
$('.full-width').horizontalNav({});
});

No hay requerimientos para el CSS, pero en el demo ubicado en el website recomiendan uno.

HorizontalNav

Dejar un comentario