Menú de navegación adaptable de JavaScript puro-Nofrills-Mobile-menu

Tiempo de ejecución: 30 minutos. Empezar

Autor: arirawr
Views Total: 2,554
Sitio oficial: Ir a la web
Actualizado: November 8, 2016
Licencia: MIT

Vista prévia

Menú de navegación adaptable de JavaScript puro-Nofrills-Mobile-menu

Descripción

La biblioteca de menús móviles Nofrills te permite implementar un menú de navegación amigable para dispositivos móviles en JavaScript puro y CSS.

Funcionamiento

Incluya CSS para el estilo básico.

<link rel="stylesheet" href="nofrills.css"/>

La estructura HTML para el menú móvil Nofrills.

<nav id="nofrills-mobile-menu">


<!-- Optionally replace with your own toggle icon -->

<img id="nofrills-toggle" height="20px" src="nofrills-toggle.png"/>


<!-- Place desired menu links in here -->

<div id="nofrills-items" style="display: none;">


<a class="nofrills-active" href="#">This is</a>


<a href="#">No Frills</a>


<a href="#">Mobile</a>


<a href="#">Menu</a>

</div>

</nav>

Incluya el script del menú Nofrills-Mobile-para activar la alternancia.

<script src="nofrills-mobile-menu.js"></script>

 

Te puede interesar: