Une douce alternative à jQuery show() et hide()
J'ai une mise en page avec une colonne masquée à l'aide de jQuery show() et hide() les fonctions de glisser la colonne dans et hors.
Cependant, il est une sorte de "maladroit" et n'a pas l'air très fluide lors de l'affichage/masquage; en revanche j'ai aussi une section de la page à l'aide de jquery UI accordion. Lors de la commutation entre ces sections de la transition a l'air très agréable et tout en douceur...
Est-il mieux de sa fonction show()/hide() qui est aussi jolie que l'accordéon n'? (peut-être "l'assouplissement" paramètre peut être utilisé dans l'afficher/masquer les fonctions, mais je ne suis pas sûr de savoir comment utiliser correctement?)
- Êtes-vous l'animation de lignes de la table?
- Vous pouvez également essayer
animate
modification de la largeur de0px
à se cacher et à quelque chose comme100%
à montrer..
Vous devez vous connecter pour publier un commentaire.
Je suppose que vous voulez utiliser jQuery.fadeIn et jQuery.fadeOut
Aussi regarder jQuery.slideToggle.
Je ne suis pas un grand fan de JQuery UI d'animation. J'ai le même problème lorsque j'essaie d'animer mon show()/hide()... le résultat est saccadée. J'ai fini par utiliser Scriptaculous pour la plupart de mes animations tout simplement parce qu'il offre des animations plus fluides et plus configurable que ce que JQuery UI fournit. Scriptaculous pouvez faire ce que JQuery fournit, en plus de plus.
vous pouvez utiliser FadeOut() FadeIn() ou slideDown slideUp . Sorte que la durée est "lent" ou dans le temps
Pour plus d'informations: Effet de glissement
Voici une autre manière en utilisant animate()
http://www.vietanime.net/
l'exemple de code ici:
et le html ici:
et certains peu de css, vous pourriez faire belle: