10
votes

Quelles sont les options pour les effets d'animation JQuery?

Beaucoup de la fonctionnalité JQuery (et JQuery UI) permet aux animations de se produire lors de la montrage / masquant des éléments. L'une des choses irhresses sur leur site Web par ailleurs approfondies est leur manque de définitions des mots-clés d'animation que vous pouvez utiliser. Je suis au courant de diapositive , Fadein et FADEOUT . Je sais que j'ai aussi utilisé les autres dans le passé. Existe-t-il une liste définitive d'options quelque part?


2 commentaires

+1, pour une question que je voulais demander avant, mais je ne me suis jamais souvenu de =)


La réponse de Etdashou est la plus pertinente à partir du juil 2015.


5 Réponses :


4
votes

JQUERY Documentation

C'est une liste de tous les effets.


0 commentaires

1
votes

Voici un bon endroit pour commencer pour les effets cuites au four en jQuery:

http://api.jquerery.com/category/effectts/


0 commentaires

3
votes

Il y a aussi les effets jQuery ui en plus de la norme Effets JQuery .

La seule liste que je pouvais trouver d'entre eux se trouvait sur la page de démonstration: http://jqueryui.com/ Documents / Effet /

Cela inclut des trucs comme la diapositive, la secousse, la bouffée, les aveugles, etc.

Cette page d'atterrissage principale sur le JQUERY UI Effects Page a des liens vers des démos de certaines des Les effets d'animation de jQuery (spectacle, masquage), mais pas tous (comme FADE IN / OUT) et également des liens vers les effets de l'interface utilisateur JQuery.

Mais dans l'ensemble, je ne pense pas qu'il existe une liste complète de JQuery / Jqueryui.


0 commentaires

0
votes

a trouvé une bonne ressource sur ce sujet ...

http://gsgd.co.uk/sandbox/jquery/asing/

Ceci offre non seulement plusieurs options d'assouplissement, mais également une zone de test où vous pouvez explorer plusieurs options.


0 commentaires

2
votes

J'aime vraiment cette page: http://jqueryui.com/resources/demos/ effet / easing.html

Et comme indiqué précédemment, ceci est également utile: http://jqueryui.com/effect/ < / p>


0 commentaires