comment animer des nombres à l'aide de Jquery
Je suis en train d'animer un dire de 233 $à 250$, ou de la diminution de 250 à 233 ,je ne veux pas remplacer 233 250 au lieu de cela, je veux un compteur de type d'effet et au moment de faire défiler les numéros de l'effet de zoom est également nécessaire.
je suis nouveau sur Jquery toute aide serait très appréciée.
Qu'entendez-vous par le défilement des numéros de l'effet de zoom?
au moment d'augmenter / diminuer le nombre bof 233 à 25 effet de Zoom, j'.e nombre devrait être agrandie alors que le compteur est en marche et elle doit venir à sa position normale lorsque le compteur est fini.
Qu'entendez-vous par "effet de zoom" sur un certain nombre, si? Pas encore clair. Chaque fois que le numéro est incrémenté, la taille de la police devient plus grand?
dire le nombre a fontsize de 12px. ainsi, lorsque l'incrémentation de ce numéro de la taille de police doit être augmenté à dire 20px et une fois que le compteur a fini de compter shoulc revenir à son état normal 12px taille de la police. il est clair maintenant?
Oui, beaucoup mieux merci.
au moment d'augmenter / diminuer le nombre bof 233 à 25 effet de Zoom, j'.e nombre devrait être agrandie alors que le compteur est en marche et elle doit venir à sa position normale lorsque le compteur est fini.
Qu'entendez-vous par "effet de zoom" sur un certain nombre, si? Pas encore clair. Chaque fois que le numéro est incrémenté, la taille de la police devient plus grand?
dire le nombre a fontsize de 12px. ainsi, lorsque l'incrémentation de ce numéro de la taille de police doit être augmenté à dire 20px et une fois que le compteur a fini de compter shoulc revenir à son état normal 12px taille de la police. il est clair maintenant?
Oui, beaucoup mieux merci.
OriginalL'auteur dpsdce | 2011-03-23
Vous devez vous connecter pour publier un commentaire.
HTML
JavaScript
Démo →
Si vous comprenez ce code, il devrait être très facile de l'étendre pour répondre à vos besoins. Puisque vous êtes nouveau à jQuery, je dirais que ce serait un bon exercice d'apprentissage. Lui donner un essai.
OriginalL'auteur Matt Ball
Googlé cet extrait et ça à l'air assez génial et compact:
Violon
vous devez ajouter une complete: function() ou le nombre sera mauvais pour rapide des animations avec des valeurs élevées.
merci, n'hésitez pas à modifier ma réponse initiale mec
OriginalL'auteur The Whiz of Oz
Le compteur est facile, mais Il n'est pas très clairement comment vous voulez que l'effet de ressembler(de nous donner un lien pour un exemple). Quel que soit l'effet serait probablement judicieux de le faire en jQuery.
Je recommanderais quelque chose comme raphael js
Avoir un oeil sur les exemples, ils sont très gentils.
OriginalL'auteur The Muffin Man
Voici une façon amusante de le faire avec une sorte de machine à sous en effet.
En supposant que cette simple HTML:
Alors:
Avoir les chiffres de "résoudre" un par un, film-codebreaking de style, est laissée en exercice.
Exemple: http://jsfiddle.net/redler/tkG2H/
OriginalL'auteur Ken Redler
@Denis. La deuxième réponse a un problème,j'ai modifier le code comme suit:
Cela permettra d'éviter la précision de la question.
OriginalL'auteur jeremy
lire la suite: http://www.josscrowcroft.com/2011/code/jquery-animate-increment-decrement-numeric-text-elements-value/
Ou sans jQuery:
OriginalL'auteur yckart
Je vous recommande d'utiliser le compteur javascript plugin pour cela:
http://github.hubspot.com/odometer/
OriginalL'auteur skunkwerk
Non testé mais devrait travailler le long de ces lignes de
créer le code HTML comme ceci:
et jQuery comme ceci:
ouais - et parfois d'aller me coucher avec les cheveux mouillés
Juste pour ce commentaire, j'ai fini le script pour vous avec la limite supérieure définie. Re: des points-virgules - j'aime utiliser CoffeeScript parfois trop lequel vous pouvez écrire très paresseusement, et il produit le JavaScript de votre maman serait fière.
OriginalL'auteur Billy Moon