Archivo de la categoría: jquery

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

Slider vertical en jquery

Hace unos dias estuve trabajando en un slider vertical y pues pensé que tal vez a alguien le podría interesar, entonces mejor lo comparto :). Espero lo disfruten y me cuenten como les funciona. El slider por defecto vá rotando solo. Al ubicarse sobre el, se detiene para que el contenido pueda ser leido y las flechas de control puedan usarse. Al retirar el mouse, el slider empieza de nuevo a rotar. Para realizar el efecto del movimiento infinito, el primer y el último módulo deben ser el mismo. Ver slider vertical