jQuery Label Better è un plugin per jQuery che consente con estrema semplicità di animare le label dei nostri form.
L’utilizzo è estremamente semplice, basta utilizzare l’attributo placeholder all’interno del tag.
Ovviamente è necessario caricare lo script dell’ultima versione d jQuery e lo script jquery.label_better.js o la sua versione min.
Il plugin è stato testato su Chrome, Firefox e Safari, sia in versione desktop che mobile (tablet o smartphone), non è stato testato Internet Explorer.

Il codice necessario all’utilizzo è il seguente:

$("input.label_better").label_better({
    position: "top", //Ti consenente di definire la posizione della label. Le ozioni sono:"top", "bottom", "left" and "right". Default "top".
    animationTime: 500, // Durata dell'animazione in millisecondi. Default 500.
    easing: "ease-in-out", // Tipo di easing: "linear", "ease" , "bounce". Default "ease-in-out".
    offset: 20, // Spazio tra il campo imput e la label in pixel (senza unità). Valore predefinito 20.
    hidePlaceholderOnFocus: true //Nascondi il placeholder quando l'input prende il fuoco.
  });

Per una demo puoi visitare: http://www.thepetedesign.com/demos/label_better_demo.html

Per download e altre info puoi vistare la pagina di Label Better su GitHub