Filoweb.it

Animare una bicicletta ed il suo sfondo

home menu Gallery Roberto contatti

Jquery

Animare una bicicletta ed il suo sfondo

 
		----- da mettere nel head ----



<script src=" http://code.jquery.com/jquery-1.9.1.js" ></script>





<style>

 

#p1 {

	/* sfondo */

	 width:3200px;

	 height:150px;

	 left:600px;

	 top:150px;

	 background-image:url(img/skylne.jpg);

	 z-index:-1:

 }

 #contenitore {

	/* Contenitore animazione */

	width:800px;

	height:150px;

	overflow:hidden;

	/*border:#999 1px solid;*/

	background-color:#00ADE2;

	left: 662px;

 }

 



 

 #bici {

	/* Bicicletta (attore ) */

	width:60px;

	height:60px;

	top:-58px;

	left: -60px;

	z-index:1;

	position:relative;

 }

 

 #pagi {

	 width:800px;

	 height:400px;

	 background-color:#000;

	 background-image:url(img/logos1.png);



 }

 

 

 </style>







----- da mettere nel body ----



<div id=" contenitore" >

<div id=" p1" ></div>

<div id=" pagi" ></div>

<div id=" bici" ><img src=" img/bicycle8.gif"  width=" 60"  height=" 60"  /></div>

</div>






----- da mettere alla fine prima della chiusura body in modo da velocizzare il caricamento della pagina ----



<script>

var i = 0;

$(document).ready(function() {

$(" #pagi" ).hide();	

  i -= 1;

  $(" #p1" ).fadeIn(" slow" ).animate({marginLeft:" -=2000px" },{duration:70000}).fadeOut(" slow" );})

  

$(" #bici" ).fadeIn(" slow" ).animate({marginLeft:" +=810px" },{duration:65000}).fadeOut(" slow" );



$(" #pagi" ).delay( 70000 ).fadeIn(" slow" );



;

</script>

↑
filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.

X

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.