jQuery Girl
  1. jQuery Girl
  3. jquery .animate différentes vitesses
Intereting Posts
jquery bxslider carousel problème lors du redimensionnement Obtenir toutes les valeurs de ligne de la table via le stockage de session jQuery – Le formulaire est toujours soumis avec le retour false Rails 5, javascript simple avec formulaire de soumission Comment empêcher jQuery ajax de suivre une redirection après une publication? Déclencheur, cliquez sur la case de sélection en survol Interface utilisateur jQuery: autoriser uniquement le sorting dans son propre niveau parent jQuery remplace les espaces dans Word jquery: remplace les entrées par des étendues Message personnalisé pour la géolocalisation Table de remplissage DataTables à partir de JSON ou de JS Array & Objects Algorithme optimisé pour comparer les modèles de deux URL Est-ce que les fonctionnalités Javascript changent par navigateur? jQuery: div n’apparaît pas avant le second clic? Je le veux sur le premier. = \ Ma fonction document.ready application.js est appelée deux fois

jquery .animate différentes vitesses

J’utilise la fonction .animate dans Jquery. J’ai une div qui glisse sur l’utilisation de marginLeft, mais j’en ai aussi besoin pour apparaître en fondu, mais j’ai besoin que ce soit plus lent que l’effet marginLeft. Avec .animate, il semble que je ne puisse appliquer qu’un paramètre de vitesse. 

 $(document).ready(function(){ $(".topFrameAnim").css("opacity", "0.0"); $(".topFrameAnim").animate({ marginLeft: "0", }, 500 ); $(".topFrameAnim").animate({ opacity: "1", }, 1000 ); // Need this effect to be applied at the same time, at a different speed. });

Vous devez utiliser la forme animate à deux arguments, avec queue:false dans le tableau d’options (sur la première animation):

Remarque: il est préférable ici de réduire le nombre de sélecteurs utilisés. Puisque vous sélectionnez les mêmes objects, il est préférable de réutiliser l’object existant.