tipsy è un plugin per jQuery che consete di creare dei tooltip (cioè delle finestrelle contententi dei suggerimenti) in maniera molto semplice.
I tooltip possono essere posizionati a nostro piacimento in una delle 8 posizioni disponibili.
Per utilizzare questo strumento è necessario lavorare sia sul tag dell’oggetto al quale vogliamo aggiungere l’effetto, sia sul codice javascript.
Inoltre bisogna utilizzare un css per definire correttamente la visualizzazione della finestra tooltip.
In ogni caso dopo queste semplic operazioni l’utilizzo della libreria è molto semplice, in pratica basta selezionare l’oggetto tramite i selettori jQuery, e appliccarci il metodo tipsy().

In pratica il codice da inserire è qualcosa del genere:

Link

Il testo che vogliamo fare apparire al passaggio del mouse è inserito nell’attributo original-title.

Ecco un esempio di come potrebbe apparire un tooltip applicato ad un form:

Ecco tutti i riferimenti a questo plugin:
Sito ufficiale: http://onehackoranother.com/projects/jquery/tipsy/
Pagina del proggetto sul sito di jQuery: http://plugins.jquery.com/project/tipsy
Pagina su github: https://github.com/jaz303/tipsy