[RISOLTO] Testo che viene giù dall'alto

ppigna

Utente Attivo
23 Dic 2013
63
0
0
Salve a tutti :)
Qualcuno potrebbe mettermi il codice di un div che venga giù dall'alto appena si carica la pagina. Tipo quelli di Google Chrome arancioni che sono abbastanza stretti e coprono l'intera larghezza dello schermo (quelli arancioni per capirci).
Grazie mille :)
 

LorenzoPi

Utente Attivo
21 Gen 2014
98
0
0
Vedi se ti va bene una cosa del genere:
HTML:
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
	window.onload = function(){
		var myDiv = document.getElementById('myDiv'); // Qua metti l'id del tuo <div>

		var height = myDiv.offsetHeight+myDiv.offsetTop;
		myDiv.style.top = (-height)+'px';
		var i = 0;
		var interval = setInterval(function(){ // Animazione
			myDiv.style.top = (-height+i)+'px';
			i++;
			if(i===height){
				clearInterval(interval);
			}
		},17);
	}
	</script>
	<style>
	#myDiv{
		position: relative; /* oppure position: absolute, dipende da come lo vuoi */
	}</style>
</head>
<body>
	<div id="myDiv"><p>Testo Testo Testo Testo Testo Testo Testo Testo Testo Testo</p></div>
</body>
</html>