jQuery: incrementare i valori.

Loading

Tramite jQuery è possibile modificare i valori numerici di alcune proprietà CSS, ad esempio possiamo modificare la distanza dal margine di un elemenro superiore scrivendo:

$('#idElemento').css({'top':'80'});

Scrivendo così il box risulterà posizionato a 80px dal margine del suo contenitore (per semplicità supponiamo sia il body), tale posizionamento sarà indipendente dalla posizione di partenza.

jQuery ci consente di posizionare un elemento tenendo in considerazione l’attuale posizione, spostandolo, ad esempio verso il basso, di un numero prefissato di pixel, la sintassi da utilizzare p le seguente:

$('#idElemento').css({'top':'+=60px'});

In questo modo l’elemento sarà posizionato 60px più in basso della posizione attuale.

E’ possibile anche il decremento scrivendo:

$('#idElemento').css({'top':'-=60px'});