10

10 Técnicas y Ejemplos de Animación con jQuery

Estos son 10 de los mejores tutoriales de jQuery acerca de técnicas y efectos de animación hechos usando la mencionada libreria y con ayuda de algunas propiedades de CSS3, todos los tutoriales incluyen demo.

1 Animar la propiedad background-image con jQuery

2 Hacer un Slider con efecto parallax con jQuery y CSS3



3 Tabs organicos con jQuery

4 Hacer una slider 3D con jQuery

5 Como hacer un robot animado con jQuery



6 Galeria con Slide hecha con jQuery

7 Efecto Blur hecho con jQuery

8 Hacer un formulario de Login animado similar al de Apple

9 Efectos hover en elementos circulares

10 Slider con efecto de burbuja hecho con jQuery y CSS


  • Jhon

    Muy buenos muchas Gracias.

    me gustaron mucho el 1,2 el 4 y el 9

    :)

  • http://avise.hostei.com Ricardo Yañez

    Verdaderamente un muy buen aporte, gracias por ellos me han servidor de mucho…

  • Nefi

    MUY BUENO GRACIAS :D

  • juan

    Gran Aporte gracias.

  • jorge

    que tal, de casualidad no tendras uno que sea de lightbox????
    GRACIAS!!

    • http://web.tursos.com Josue
      • http://www.facebook.com/mark.mamc Mark Mamc

        disculpa pero como podría quitar el icono de carga antes de mostrar el el contenido de fancybox

        • josueochoa

          Nunca lo he hecho, pero tal vez intenta borrar el archivo ‘.gif’ o fijate la clase que tiene y borrala desde CSS (display: none).

  • http://www.facebook.com/mark.mamc Mark Mamc

    hola, como se puede hacer pop up fancybox, que se muestre el lighbox al momento de entrar a la pagina ?

    • josueochoa

      $(document).ready(function() {
      $(“a.fancy”).trigger(“click”);
      });

      • http://www.facebook.com/mark.mamc Mark Mamc

        gracias!! pero cuando me voy a otro link o hago submit la pagina se carga dentro, como se haria para que cierre y redirecciona la pagina

        • josueochoa

          No te entendi, que es exactamente lo que quieres hacer?

          • http://www.facebook.com/mark.mamc Mark Mamc

            es que cuando doy click a un enlace o se envia el formulario dentro del fancybox se muestra adentro, no hay manera que se cierre y se actualize la pagina sin que se cargue dentro del fancybox.

          • josueochoa

            Cierralo manualmente, en el API de Fancybox hay una metodo para eso: http://fancyapps.com/fancybox/#docs ($.fancybox.close)

  • http://www.facebook.com/ricardo.salvadordelgado Ricardo Salvador Delgado

    buenas tardes no se si me puedas ayudar, necesito hacer una simulacion de una de las maniobras que realizo en mi trabajo y no se cual programa podre utilizar gracias de antemano