ColorTip plugin jQuery - demo

Al igual que jTip, ColorTip es otro plugin jQuery para mostrar tooltips coloridos. Este convierte el atributo Title de los enlaces en tooltips.

ColorTip - plugin jQuery para tooltips

Implementación de un tooltip con ColorTip

Para implementar los tooltips, primero hay que enlazar algunos archivos:

<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css"
href="colortip-1.0/colortip-1.0-jquery.css"/>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript" src="colortip-1.0/colortip-1.0-jquery.js">
</script>
<script type="text/javascript" src="script.js"></script>

El color al tooltip se le da agregando una clase con el color deseado:

class="white"

Toda la implementación de este tooltip es muy sencilla, lo más complicado y extenso es la CSS.

ColorTip plugin jQuery - demo
Tooltip implementado con el plugin jQuery ColorTip

ColorTip

Sitio: tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT