Simpletip, un tooltip con jQuery

Escrito por: Martín el 10-02-2009 10:51:54 y leído 856 veces

Vía sentidoweb me entero de este excelente plugin para crear tooltips con jQuery.

¿Por qué excelente?
Porque seguramente ya hemos agregado la librería jQuery a nuestra web para hacer algunas de todas las funciones que nos deja, entonces no necesitaremos mucho más para hacer funcionar estos tooltips.

¿Cómo funciona?
Muy simple, mirar el código 1 más abajo y verás que fácil es...

Ya... ¿Pero y si quiero cambiar los colores?
Mírate el código 2 (el CSS) y verás que es totalmente personalizable...

Antes de usarlo prefiero ver como va...
Mírate los ejemplos en la web del creador.

Me convenciste, lo quiero...
Descárgatelo de la web de su autor.

PD: No te olvides de jQuery!

Código JAVASCRIPT

/* JavaScript code */ 
// Selects one or more elements to assign a simpletip to 

$("JQUERY SELECTOR").simpletip({ 

// Configuration properties  
content: 'My Simpletip', 
fixed: false 
 });

Código CSS

/* CSS rules */ 
// Default tooltip class name: .tooltip 

.tooltip
{ 
position: absolute; 
top: 0;
 left: 0; 
z-index: 3; 
display: none; 
}

Categorías: Tooltip • Jquery • Javascript • Css • •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

tooltip jquery • crear tooltip con jquery • tooltip form jquery • tooltip con jquery • jquery tooltip • tooltip en jquery • como hacer un tooltip con jquery • tooltip jquery facil • tooltip jquery formulario • crear tooltips con jquery • tooltip formulario jquery • tooltip jquery formularios • $(JQUERY SELECTOR) simpletip(); • formulario tooltip jquery • tooltip formulario • crear calendarios con php jquery tooltips • hacer un tooltip con jquery • ejemplos tooltips con jquery css para formularios • validar formularios con tooltip jquery • validacion formulario tooltip jquery • formularios jquery tooltip • tooltip en formularios con jquery • tooltips jquery formularios • ejemplos de simpletip • tooltips form jquery • como hacer tooltip con jquery • tooltip jquery elegante • jquery tooltips fijos • crear tooltip jquery • lateral tooltip jquery • formulario en tooltip jquery • como funciona simpletip • tooltip jquery para editar con formulario • como hacer tooltip en jquery • como usar simpletip • tooltips en formularios con jquery • simpletip jquery ejemplo • tooltip formularios • tool tips elegantes con jquery • hacer un tooltip en jquery • mostrar formulario en tolltip jquery • formulario y tooltip • ejemplos tooltip jquery • tooltip formularios jquery • tooltip jquery crear • tooltip con formulario • tooltip menu • jquery validation tooltip • css tooltip en formularios • jquery ejemplos tooltip • validaciones tooltip#sclient=psy • tooltips jquery ejemplos • jquery simpletip ejemplos • como poner un tooltip con jquery • como hacer tooltips jquery • validar con tooltips • form validaciones tooltips • tooltips jquery gmail • tootip formularios jquery • campo con tooltip usando jquery tools • uso simpletip ejemplo • mensajes en simpletip • hacer un tootip con jquery • hacer tooltip con jquery • tooltip jquery con formulario • tooltip jquery formuñario • ejemplo validar formulario con tooltiptext • tooltip de validacion de formularios • jquery formularios tooltips • crear un tooltip con jquery • validacion con tooltips • toolstip form jquery • tooltip en form jquery • jquery tooltip form • tooltip para formularios jquery • ejemplos de uso de simpletip • como hacer un tooltip contexto en jquery • tooltip de validacion en formulario • validacion en tooltiptext jquery • tooltips en formularios • tool tips en formularios con jquery • hacer formulario en un tooltip • jquery tooltip facil • ejemplo de simpletip • ejemplos tooltip menu jquery • tooltip en form con jquery • crear un tooltip jquery • jquery validador tooltip • tooltip jquery en formulario • colocar una tooltip con validacion • jquery validaciones con jquery tooltip • como hacer tooltips con jquery • como aser un toltip con jquery • hacer tooltips con jquery • validacion formulario tooltips php • usando simpletip • como usar jquery simpletip • tooltip con formulario php • tooltip jquery abajo • como generar un tooltip en un formulario php •