PROGRAMMAZIONE JQUERY JQUERY GESTIRE ANIMAZIONI CON .ANIMATE()
|
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
Questo sito web utilizza i COOKIE per dare all'utente un'esperienza di visita migliore.