Estou ficando muito velho. Começar um post com essa frase parece crise dos 30 (e olha que nem cheguei em 25 anos ainda eheh), mas muita coisa dentro dos oito anos de internet que tenho ja mudaram e mudam todos os dias. Depois de muito rodar e optar muitas vezes pelo flash para animar certas coisas bem simples em algumas páginas, optei por conhecer e usar algumas bibliotecas em Javascript. Mas uma delas me agradou muito; jQuery.

Basicamente o jQuery parece um animador Javascript, mas conhecendo melhor vemos que é muito alem disso. Nesse post de hoje vamos falar sobre ToolTip e Image View feito em JS.

Originalmente postado no site do CSSGlobe, e baixado clicando aqui.

Recomendo, muito simples de entender. Somente para illustrar o Tooltip - primeiro exemplo - é feito um link normal em HTML:

<a href="http://cssglobe.com" class="tooltip" title="Web Standards Magazine">Roll over for tooltip</a>

O jQuery utiliza o texto colocado dentro do parametro 'title' dentro da tag 'a' para criar o Tooltip com um fade muito discreto e interessante. A partir desse exemplo segue os outros dois com fade em imagens, também muito legal.

Para utilizar desses efeitos basta incluir em seu codigo HTML o arquivo Javascript do jQuery, que pode ser baixado via Google Code em : http://code.google.com/p/jqueryjs/downloads/list

Espero que gostem e bom inicio de semana.