Animation avec jQuery

Animation avec jQuery

  1. Objectifs

    • Connaitre les méthodes d’animation en jquery
  2. Présentation

    • jQuery (http://jquery.com) fournit une gamme de méthodes d’animation en mode natif, sans l’utilisation de bibliothèques d’effets ou de plugins supplémentaires. Il existe cependant de nombreux plugins provenant de la communauté en ligne, y compris jQuery UI (http://jqueryui.com), la bibliothèque d’interface utilisateur officielle de jQuery, qui étend les capacités d’animation de jQuery.
    • En mode natif, jQuery fournit des méthodes qui ajoutent un comportement de glissement et de décoloration avec une configuration minimale et qui fonctionnent sur plusieurs navigateurs.
    • Il expose également les méthodes liées à la gestion de la file d’attente d’animation et fournit un moyen de créer des animations personnalisées qui fonctionnent sur presque tous les styles CSS numériques.



  3. Les méthodes d’animation

    • Ces méthodes sont répertoriées ici avec une description de chacune:

    • Méthodes Description
      animate() Il exécute une animation personnalisée d’un ensemble de propriétés CSS.
      clearQueue() Il supprime de la file d’attente tous les éléments qui n’ont pas encore été exécutés.
      delay() Il définit un temporisateur pour retarder l’exécution des éléments suivants dans la file d’attente.
      dequeue() Il exécute la fonction suivante dans la file d’attente pour les éléments appariés.
      fadeIn() Il affiche les éléments appariés en les atténuant en opaque.
      fadeOut() Il masque les éléments appariés en les atténuant en transparent.
      fadeTo() Il ajuste l’opacité des éléments appariés.
      fadeToggle() Il affiche ou masque les éléments appariés en animant leur opacity.
      finish() Il arrête l’animation en cours d’exécution, supprime toutes les animations en file d’attente et termine toutes les animations des éléments appariés.
      hide() Il masque les éléments correspondants.
      queue() Il montre la file d’attente des fonctions à exécuter sur les éléments correspondants.
      show() Il affiche les éléments correspondants.
      slideDown() Il affiche les éléments correspondants avec un mouvement coulissant.
      slideToggle() Il affiche ou masque les éléments correspondants avec un slidi ng motion.
      slideUp() Il masque les éléments correspondants avec un mouvement coulissant motion.
      stop() Il arrête l’animation en cours d’exécution sur les éléments correspondants.
      toggle() Il affiche ou masque les éléments correspondants.
    • Il est important de noter qu’il existe deux propriétés qui peuvent changer l’objet Global jQuery. Ceux-ci sont énumérés ci-dessous:

    • Méthodes Description
      jQuery.fx.interval il est le taux (en millisecondes) auquel les animations se déclenchent.
      jQuery.fx.off il désactive globalement toutes les animations.
    • Dans l’ensemble, cela nous donne un environnement puissant et robuste pour ajouter facilement presque n’importe quel type d’animation que nous pouvons concevoir.
    • L’animation est également un thème populaire pour les plugins, avec de nombreux plugins disponibles qui apportent différents types d’animations à portée de main pour une implémentation instantanée avec une configuration minimale.



Abonnez vous à notre chaîne YouTube gratuitement