www.zambros.it

Certificato Google Adwords

Google Partners - Certification piccolo


JQuery Animation
Lunedì 08 Marzo 2010 18:36

In questo articolo vediamo come eseguire un semplice effetto jquery. Utilizzeremo la libreria di jquery resa pubblica da google.

<html>
<head>
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</a>">
<script type="text/javascript">
$(document).ready(function(){
$("#start").click(function(){
$("#box").animate({height:300},"slow");
$("#box").animate({width:300},"slow");
$("#box").animate({height:100},"slow");
$("#box").animate({width:100},"slow");
$("#box").fadeOut();
$j("#box").fadeIn();
});
});
</script>
</head>
<body>
<p><a href="#" id="start">Esegui animazione</a></p>
<div id="box"
style="background:#98bf21;height:100px;width:100px;position:relative">
www.zambros.it
</div>
</body>
</html>

<html>

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){  
$("#start").click(function(){  
$("#box").animate({height:300},"slow");  
$("#box").animate({width:300},"slow");  
$("#box").animate({height:100},"slow");  
$("#box").animate({width:100},"slow");  
$("#box").fadeOut();  
$j("#box").fadeIn();  
});

});

</script> 

</head> 
<body>
<p><a href="#" id="start">Esegui animazione</a></p>
<div id="box"style="background:#98bf21;height:100px;width:100px;position:relative">

www.zambros.it</div> 
</body>
</html>

 

Ed ecco il risultato!

 

 

ZAMBROS

 

 

 

 

SimDice Tweet


Free Software

DadoPubblicato online il simulatore del lancio di dadi. La versione è flash cioè non salva i dati.
Prossimamente ci sarà una versione dove si potranno visualizzare tutti i tiri eseguiti!
L'applicazione si trova a questo link.


Twitter



P.IVA: 03864690239 - CF: ZMBMTT82A25A459W - Cell 338 8835425 - info@zambros.it