Efeitos com JQuery

A biblioteca jquery possui alguns efeitos visuais prontos que certamente irão melhorar a experiência dos usuários com o seu sistema web.

Para usar a jquery você pode fazer o download diretamente de jquery.com ou carregar o arquivo .js que o google disponibiliza:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript"></script>

Vejamos alguns exemplos:

Esconder/Mostrar uma div (ou qualquer outro elemento do DOM):


$('#id_do_elemento').hide();//esconde imediatamente

$('#id_do_elemento').hide('slow');//escode aos poucos

$('#id_do_elemento').show();//mostra imediatamente

$('#id_do_elemento').hide('slow');//mostra aos poucos

Existe ainda o toggle para ficar alternando entre os dois estados

Teste aqui :

$('#id_do_elemento').toggle();

$('#id_do_elemento').toggle('slow');

Existe ainda:
$('#id_do_elemento').slideToggle();//pode acrescentar 'slow' como parametro

Teste aqui:
$('#id_do_elemento').slideToggle('slow');

A biblioteca jquery certamente facilita muito a vida do desenvolvedor.

Gustavo Marques.