Un esempio pratico per poter animare una DIV all'interno di una pagina è il seguente :

Nello STYLE CSS inserire questo :

<
style>
div {
position: absolute;
background-color: abc;
left: 50px;
width: 90px;
height: 90px;
margin: 5px;
}
<
/style>

Nello blocco SCRIPT inserire questo :

$( ".right" ).click(function() {
$( ".block" ).animate({ "left": "+=50px" }, "slow" );
});

$( ".left" ).click(function(){
$( ".block" ).animate({ "left": "-=50px" }, "slow" );
});

Nel BODY della pagina HTML questo :

<
button class="left">
«
<
/button>
<
button class="right">
»
<
/button>
<
div class="block">
<
/div>


Il risultato sarà la stampa su pagina di due bottoni ed un quadrato che si sposterà in base al click sui bottoni.

Buon Web a tutti
Elio Curtacci

nome	prezzo	foto
JQUERY LEGGERE CONTENUTO DIV CON .HTML()
JQUERY GESTIRE EFFETTI SU DIV .SHOW() .FADEIN() .FADEOUT()
JQUERY redirect - Reindirizzare ad un altra pagina
JQUERY GESTIRE CLICK SU CHECKBOX
JQUERY ANDARE IN ALTO ALLA PAGINA-TO TOP PAGE
JQUERY STRING REPLACE E REPLACE ALL
JQUERY controllare se esiste oggetto o DIV
JQUERY formattare numeri con 2 (due) decimali
JQUERY DIV DRAG and DROP
JQUERY LEGGERE COORDINATE DEL CLICK
JQUERY GESTIRE SCROLL DELLA PAGINA
JQUERY Caricamenti interni alla pagina con .load()

123

122550100