menu


area contatti

area directory PRODOTTI



Torna Indietro
PROGRAMMAZIONE JQUERY JQUERY GESTIRE ANIMAZIONI CON .ANIMATE()
02-12
./upload/02-12-2013-08-52-39.jpg

foto-1 foto-2
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