jBar es un pequeño plugin desarrollado con jQuery para la creación de menús desplegables, los mismos se ubican en la parte superior de la pantalla y se despliegan mediante la acción del usuario mostrando un bonito efecto.
El plugin es sorprendentemente sencillo, apenas unas lineas de código son necesarias para crear este interactivo elemento. El plugin esta pensado para una fácil edición, en especial si hablamos desde el punto de vista estético ya que la mayoría de los cambios podemos realizando modificando algunas clases en las hojas de estilo, algo que se agradece mucho de cara a una simple implementación en nuestros proyectos.
Así se ve el botón que acciona la barra superior desplegable:
Menú superior desplegable
$('.jBar').delay(2000).slideUp(function() {
$('.jRibbon').show().removeClass('up', 300);
});
$('.jTrigger').click(function(){
$('.jRibbon').toggleClass('up', 300);
$('.jBar').slideToggle();
});
En el sitio de jBar pueden encontrar 4 ejemplos distintos de uso, en ellos podemos apreciar mejor las diferentes formas de configurar a este plugin.
El recurso no tiene ninguna ciencia, no obstante como elemento es muy interesante de cara a la economía de espacio que podemos obtener con su empleo.
Web: jBar
