Dans ce tuto jQuery d'un peu plus d'une heure, je vais aborder les principes de bases des animations en jQuery en orientant ce tuto autour de la méthode .animate().

Je vais vous montrer comment récupérer le corps d'un texte et surtout comment en changer sa taille en l'animant. Je vous expliquerai également comment masquer, afficher et animer certains paragraphes d'un document à l'aide d'un lien depuis différentes méthodes. Je vous démontrerai ensuite comment animer un objet d'un coté à l'autre de la page sans avoir défini une largeur de page. J'aborderai également les différences entre les animations simultanées mise à la suite par chainage et celles placées dans une queue. Je viens en détail sur l'utilisation des fonctions de rappels dans les animations. Je termine ce tutoriel en vous expliquant comment animer un menu de manière dynamique avec des effets d'animations qui vérifient la visibilité des éléments avant de les animer.

Les méthodes suivantes sont expliquées en détail dans ce tuto jQery

• .css()
• text()
• parseFloat()
• show()
• hide()
• fadeIn()
• fadeOut()
• toggle()
• slideUp()
• slideDown()
• slideToggle()
• width()
• outerWidth()
• queue()
• dequeue()
• next()
• parent()

Les sélecteurs suivants sont abordés dans ce tuto :

• :eq
• :hidden
• :visible