Blog Tecnologia e Educação

Um dos usos de jQuery que mais chamam a atenção dos desenvolvedores para Web é a aplicação de efeitos visuais nos elementos do documento HTML.

Divulguei uma série de artigos sobre o uso de jQuery, que permite ao leitor ter uma visão inicial das funcionalidades do jQuery. São os artigos

• Introdução a jQuery
• jQuery Básico
• Seletores jQuery
• Manipulação de HTML com jQuery
• Manipulação Avançada de HTML com jQuery

Para continuar esta série, vejamos alguns dos efeitos que podem ser aplicados. Sugiro que você veja os exemplos divulgados na documentação do jQuery.

Básico

• show():jQuery. Exibe elementos ocultos.
• show(velocidade, callback):jQuery. Exibe elementos ocultos, configurando-se o tempo da animação (em milissegundos) e uma função de callback.
• hide():jQuery. Oculta elementos.
• hide(velocidade, callback):jQuery. Oculta elementos, configurando-se o tempo da animação (em milissegundos) e uma função de callback.
• toggle():jQuery. Alterna entre ocultar ou exibir elementos.
• toggle(chaveamento):jQuery. Não será abordado neste artigo.
• toggle(velocidade, callback):jQuery. Alterna entre ocultar ou exibir elementos, configurando-se o tempo da animação (em milissegundos) e uma função de callback.

Deslizamento

• slideDown(velocidade, callback):jQuery. Revela elementos ajustando continuamente sua altura. Opcionalmente pode disparar um callback.
• slideUp(velocidade, callback):jQuery. Oculta elementos ajustando continuamente sua altura. Opcionalmente pode disparar um callback.
• slideToggle(velocidade, callback):jQuery. Alterna entre ocultar e revelar elementos ajustando continuamente sua altura. Opcionalmente pode disparar um callback.

Esmaecimento

• fadeIn(velocidade, callback):jQuery. Ajusta continuamente a opacidade de elementos, revelando-os. Opcionalmente pode disparar um callback.
• fadeOut(velocidade, callback):jQuery. Ajusta continuamente a opacidade de elementos, ocultando-os. Opcionalmente pode disparar um callback.
• fadeTo(velocidade, opacidade, callback):jQuery. Ajusta continuamente a opacidade de elementos até o valor desejado. Opcionalmente pode disparar um callback.

Customizado

• animate(parâmetros, duração, easing, callback):jQuery. Esta função permite fazer animações customizadas.
• animate(parâmetros, opções):jQuery. Versão mais simplificada da função anterior.
• stop(clearQueue, gotoEnd):jQuery. Interrompe as animações em curso nos elementos selecionados.

Configuração

• jQuery.fx.off:Boolean. Desabilita animações.