jQuery Girl
  1. jQuery Girl
  3. Ajouter un bouton de saut à FastForward un .fadeIn / .fadeOut?
Intereting Posts
Désactiver la deuxième option de menu déroulant en fonction du premier menu déroulant Importer XML avec jQuery: fonctionne sur le serveur, pas localement Comment identifier un élément spécifique dans et append un bouton de suppression à chaque ligne de jquery JQuery – déterminer quel lien a été cliqué Comment animer un enfant mais pas les autres avec jQuery? jQueryUI pouvant être sortingé sur les lignes d’un tableau les réduit lors du déplacement Si l’utilisateur est déjà connecté, le premier onglet sera masqué et passera directement au deuxième onglet. scrollTop retourne toujours 0 Fermer popup div lorsque vous cliquez à l’extérieur Un menu coulissant du haut se cache derrière le bar mobile Safari Comment sélectionner tous les éléments de formulaire? simuler un «clic et maintien pendant 5 secondes» sur un élément avec jquery Rails 3 – rendu partiel js.erb Jquery return post data obtenir twitter api en utilisant json de base

Ajouter un bouton de saut à FastForward un .fadeIn / .fadeOut?

Juste pour clarifier, lorsque vous chargez mon site, j’ai un peu de texte qui apparaît en fondu (citation), puis en fondu. Ensuite, un nouveau texte (mon nom de marque) s’ajoute.

Puisque je veux que les gens aient assez de temps pour lire le premier texte (la citation), les fondus est un peu long, mais je ne veux pas que les gens s’impatientent après avoir visité le site pour la cinquième fois et avoir dû attendre à chaque fois.

Par conséquent, je pensais à un bouton ou à un texte de type “skip-like” (IE: SKIP), de manière à ce qu’ils puissent passer rapidement à l’endroit où le nom de la marque s’estompe.

Toute aide serait appréciée!!! Voici un exemple de ce que j’ai actuellement !!

http://jsfiddle.net/K6SpB/

HTML 

  
 
 
  
 
   THIS IS A QUOTE. 
 BRAND NAME.

JAVASCRIPT 

 $(document).ready(function() { $('#quote').hide().delay(1000).fadeIn(5000).delay(3000).fadeOut(2000); $('#brandname').hide().delay(11500).fadeIn(2000); });​

CSS 

  #quote, #brandname { position:relative; display: none; float:center; } #mytext { } ​

Vous voulez probablement jQuery .stop () (http://api.jquery.com/stop/)

Donc, si vous ajoutez un lien Ignorer:

Le code ressemblerait à ceci: 

 $('#skip').click(function(e) { e.preventDefault(); $('#quote, #brandname').stop(true, true); });

Le premier “vrai” indique à jQuery de supprimer toutes les animations en attente de la queue d’animation, le second “vrai” lui dit de passer directement à la fin de l’animation.