Box al passaggio del mouse col plugin jQuery Hovercard

La tecnica hovercard è un espediente grafico per mostrare informazioni in un box in primo piano rispetto al testo o al layout. La particella hover del nome è relativo al fatto che il box è mostrato al passaggio del mouse sull’elemento che attiva la visualizzazione del box stesso.

Per ottenere un simile effetto possiamo usare un ottimo plugin per jQuery.

Gratuito e leggero, Hovercard permette di associare un box a ogni tipo di elemento della nostra pagina. Dentro il box possiamo poi sistemare tutta una serie di oggetti: testo, liste, link, immagini. Grandezza e aspetto estetico dovrebbero essere conformi al resto del layout, così da dare un ordine armonico all’intera pagina.

Un effetto di questo tipo lo realizza Facebook. Quando infatti il mouse rimane sopra i nomi di profili per un certo lasso di tempo, ecco che appare un box a sfondo bianco che contiene diverse informazioni sul profilo associato. Gli usi possono essere ovviamente i più disparati.

Ottimo effetto fade sul box da mostrare, completamente personalizzabile l’aspetto grafico.

Nella pagina ufficiale tutti i dettagli per l’uso e alcuni demo.