webmaster programmatore php mysql java javascript

Web Developer

PROGRAMMAZIONE JQUERY JQUERY GESTIRE ANIMAZIONI CON .ANIMATE()
./image/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

Developer - Problem Solver - Business Intelligence

Panthera ERP Biella

Programmatore Html - Css Biella

Programmatore Javascript - Jquery Biella

Programmatore PHP Biella

Programmatore SQL Biella

Programmatore Web app Biella

Programmatore Web Biella

Realizzazione Dashboard Personalizzate Biella

Soluzioni B.I. con Qlik View e Qlik Sense Biella

Sviluppo Reportistica Crystal Report Biella

Webmaster Biella

Programmatore web - Webmaster Elio Curtacci
Made with made in italy in Italy
Questo sito web utilizza i COOKIE per dare all'utente un'esperienza di visita migliore.

LOG-IN