Fare internet – il blog di webtocom.com

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su FriendFeed Seguici su Twitter      Iscrivita ai nostri Feed      Mandaci una mail

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

I posti più popolari