Animated jQuery Menú

Name: Animated jQuery Menú
Brand: Jose Aguilar
SKU: joseaguilarblog-4480
Availability: InStock
Rating: 3 (2 reviews)

En este artículo vamos a ver como funciona un plugin jQuery que trata de un menú con diferentes animaciones y velocidades.

Las animaciones disponibles son: show, fade, slide, wind, none.

Y las velocidades: fast, medium, slow o un número representando los segundos.

Para añadirlo en nuestra página necesitaremos incorporar en el <head> los estilos necesarios, la librería jQuery, el plugin y su llamada, como por ejemplo:

<link rel="stylesheet" href="amenu.css" />
<script src="../jquery.js"></script>
<script src="amenu.js"></script>
<script language="JavaScript">
$(document).ready(function(){
    $('#amenu-list').amenu({
        'speed': 200,
        'animation': 'show'
    });
});
</script>

Y dentro del <body> añadir vuestro menú con su correspondiente código HTML en listas desordenadas:

<ul id="amenu-list">
   <li><a href="#">Item 1</a></li>
   <li>
      <a href="#">Item 2</a>
      <ul>
         <li><a href="#">Item 2-1</a></li>
      </ul>
   </li>
   ...
</ul>

Los estilos del menú son totalmente configurables a través de su hoja de estilos.

Descargar menú