sábado, 1 de março de 2008

jTip - ToolTip com JQuery

Pesquise preços no bondfaro de monitor 19 wide, a partir de R$ 598,00 LG Flatron L196WT LCD 19 Polegadas
Compare preços no Buscape, de Camera Sony N2
Vamos explicar primeiro, o que é um ToolTip.
Você já deve ter visto em alguns sites algumas palavras que quando você passa o mouse em cima, um box ou uma legenda aparece com um algum conteúdo relevante, então isso é o tooltip.
Estudando sobre, reparei que existe um plugin do Jquery chamado jTip, que facilita muito a implementação de um ToolTip.
Reparem como é facil.

Primeiramente é preciso importar os js e o css(para o estilo)


<..script src="js/jquery.js" type="text/javascript"><../script>
<..script src="js/jtip.js" type="text/javascript"><../script>
<..style type="text/css" media="all">@import "css/global.css";<../style>

, agora vamos dizer que ao passar o mouse em cima da palavra AJAX, abra um box explicando o vem a ser essa tecnologia.
ficaria assim:
<..a href="http://www.blogger.com/ajax.html?width=375" class="jTip" id="3">AJAX<../a>
pronto, agora é so passar o mouse, que um box com a pagina ajax.html aparecerá.


muito fácil nao!?! ...
Clique aqui para o download do JTip,JQuery e de um excelente exemplo

Pesquise preços no bondfaro de monitor 19 wide, a partir de R$ 598,00 LG Flatron L196WT LCD 19 Polegadas

Compare preços no Buscape, de Camera Sony N2

Nenhum comentário: