www.zambros.it
Sunday 01st of August 2010

Articoli Tecnici

Annunci pubblicitari


JQuery Animation

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

 

 

Navigation
Previous • Table of Contents • In alto • Succ.
 
 

Aggiungi commento


Codice di sicurezza
Aggiorna

Articoli blog più letti


Ultimi commenti

Ultime notizie

Free Software

Icona
Programma per la gestione dei donatori di sangue.
E' completamente GRATUITO.

I più letti



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