Clickme jquery plugin menu desplegable que empuja el contenido

clickme es un plugin de jquery que despliega el menú y además empuja tu contenido para hacer un efecto c00l. xD. Necesitas algo de CSS. Incluí unas lineas extra para darle algo de diseño, desde luego puedes personalizarlo a tu gusto.

Para usarlo llamas tu archivo de jquery, el plugin y las siguientes lineas son para ejecutar el menú:
[sourcecode language=’javascript’]

$(document).ready(function() {
$(“.nav”).clickMe();
});

[/sourcecode]

Si quieres cambiar los efectos para desplegar el menú y los nombres de clase que usa tu contenido y tu menú:
[sourcecode language=’javascript’]
$(“.nav”).clickMe({
activeMenu: “current”,
moveIt: “.content”,
moveItMargin : 0,
aniShow: { opacity: “show”, height: “show”},
aniHide: { opacity: “hide”, height: “hide”},
speed: “slow”
});
[/sourcecode]

Saludos espero sea de utilidad :).

clickme demo | descargar

Comments

comments

9 pensamientos en “Clickme jquery plugin menu desplegable que empuja el contenido”

  1. Pequeño problema.

    Al hacer doble clic en “submenú”, que empuja el contenido demasiado lejos.
    Al hacer doble clic en “menú”, el contenido no aparece a su lugar original.

    Si hago clic en múltiples “menú” de contenido aparece demasiado lejos.

    No creo que muchos usuarios hacer esto, pero sería bueno para parar esto.

    Aquí hay un video:

    http://www.dailymotion.com/video/xk2cme_untitled

    Lo siento por el idioma, tuve que usar Google Translate. (Translate.google.com)

    gracias

    PS:
    ¿Cómo se llama este tipo de menú?

  2. Bob muchas gracias por tu ayuda y por tomarte el tiempo de hacer pruebas y publicar el video!. Voy a revisarlo para realizar correcciones, gracias de nuevo

  3. hola Coyr,

    gracias por su respuesta. Tengo otra petición.

    ¿Es posible, si hago clic en un “sub-menú”, e ir a una página nueva, para hacer la “barra” permanecer abajo, y poner de relieve la “sub-menú” que hice clic en?
    (En la página que me clic para ir, tengo el mismo bar navigaton.)

    gracias

  4. Buena sugerencia Bob en el momento no lo tengo implementado. Tocaria realizar algo con cookies, para capturar el estado. Tambien se podria hacer algo utilizando en la etiqueta body una clase con el nombre de la seccion ejemplo: “noticias”. Tambien al menu tocaria agregarle ids para poder referenciarlos.Y utilizando este contenedor para darle estilos al menu. “.noticias .menu-noticias” y darle display:block. Saludos

Los comentarios están cerrados.