Tooltip de Notificação - Roar

Roar é um widget de notificação no estilo Growl, o sistema de notificação do Mac OS X. Com mootools, fácil de usar e customizar para mostrar mensagens diversas.

roar

Site: http://digitarald.de/project/roar/

Demo: http://digitarald.de/project/roar/1-0/showcase/messages/

Licença: MIT License.

Tooltip de Notificação - jGrowl

Tooltip de notificação que aparece na página, quando invocada. Esse tipo de funcionalidade também é chamada de Growl notification.

jgrowl

Site: http://stanlemon.net/projects/jgrowl.html

Demo: http://stanlemon.net/projects/jgrowl.html

Licença: MIT e GPL.

Tooltip jQuery

Easy Tooltip é um script de tooltip com jQuery. Destaca-se algumas funcionalidades:

  • Permite definir a posição (x, y);
  • Possibilita aplicar diferentes estilos CSS em diferentes tooltips na mesma página;
  • Botão fechar e título na tooltip.

easy-tooltip

Site: http://cssglobe.com/post/4380/easy-tooltip–jquery-plugin

Demo: http://cssglobe.com/lab/easytooltip/03.html

Licença: Não especificada.

Ajax Tooltip

Tooltip em formato de balão. Carrega na tooltip o conteúdo de arquivos externos via Ajax.

ajax-tooltip

Site: http://www.dhtmlgoodies.com/index.html?whichScript=ajax-tooltip

Demo: http://www.dhtmlgoodies.com/scripts/ajax-tooltip/ajax-tooltip.html

Licença: LGPL.

Tooltip e preview de imagens com jQuery

Tooltip e visualizador de imagens com jQuery. São conhecidos como tooltip, ou bubble popups - geralmente aparecem quando o ponteiro do mouse passa sobre um link ou um thumbnail.

tooltip-jquery

Site: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Demo 1: http://cssglobe.com/lab/tooltip/01/

Demo 2: http://cssglobe.com/lab/tooltip/02/

Demo 3: http://cssglobe.com/lab/tooltip/03/

Licença: Não especificada.

Tooltip com Prototype

Prototip 2 é um script de tooltip. Fácil de customizar, com controle completo do posicionamento.

Além de tooltips básicas, também apresenta no formato de balão, com opção do botão fechar e com cantos arredondados sem uso de imagens.

prototip

Site: http://www.nickstakenburg.com/projects/prototip2/

Demo: http://www.nickstakenburg.com/projects/prototip2/

Licença: Comercial e Não Comercial (Creative Commons by-nc-nd License).

Sistema para aplicações web

MochaUI é uma solução destinada à aplicações web e web desktops. Desenvolvida com a biblioteca mootools.

Uma característica que se destaca é a utilização de canvas para desenhar toda a interface (cantos arredondados, abas, etc).

mochaui

Site: http://mochaui.com/

Demo: http://mochaui.com/demo/

Licença: MIT License.

Sweet Titles Tooltip

Script de tooltip para aplicações web. Código pequeno e simples.

Tooltip

Site: http://www.dustindiaz.com/sweet-titles/

Demo: http://www.thinkvitamin.com/misc/yui-demos/demo-11.html

Licença: Creative Commons License.

Bubble Tooltip com CSS

Tooltips simples utilizando somente CSS. Pouco código e muita funcionalidade.

css-bubble

Site: http://trentrichardson.com/examples/csstooltips/

Demo: http://trentrichardson.com/examples/csstooltips/

Licença: Não especificada.

Tooltip em Formulários com CSS

Script em CSS que  faz com que apareça uma tooltip ao lado do campo de texto do formulário. Quando um input recebe o foco aparece uma tooltip sugerindo e orientando a digitação.

Tooltip formulários

Site: http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html

Demo: http://www.askthecssguy.com/examples/formfieldhints/example06.html

Licença: Não especificada.