[RISOLTO] Testo che viene giù dall'alto

ppigna · 17 Feb 2014

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 · 17 Feb 2014

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>

ppigna · 17 Feb 2014

Sì, perfetto, grazie mille. Il mio intento era di quello di fare il div con i bordi, ma ce la dovrei fare da solo (?)... Forse
Ciaoo

LorenzoPi · 17 Feb 2014

di niente! scrivi se hai qualche problema

Cerca

Cerca

[RISOLTO] Testo che viene giù dall'alto

ppigna

Utente Attivo

LorenzoPi

Utente Attivo

ppigna

Utente Attivo

LorenzoPi

Utente Attivo

Discussioni simili