tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Imagem que cai do alto do écran.

Imagem que cai da borda superior do écran e que salta antes de desaparecer.

Demo : A decorrer

1. Inserir entre os tags <HEAD>...</HEAD>:

fallWrite ('<IMG NAME="fallImg1" SRC="'+fallImgname+'" BORDER="0" ALIGN="Top" onLoad="setTimeout(\'fallInitImg ()\',1000);">');

if (NS4) {
			fallObj.top = -100;
			fallObj.left = fallXoffset;
			fallObj.visibility  = "show";
		}
		if (IE4) {
			fallObj.style.top = -100;
			fallObj.style.left = fallXoffset;
			fallObj.style.visibility = "visible";
		}
	}
}
// -->
</script>
<script language="Javascript1.2">
<!--
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
VERSION4 = (NS4|IE4) ? 1 : 0;

if(NS4){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}

function fallWrite (str) {
	if (NS4) {
		with (fallObj.document) {
			write(str);
			close();
		}
	}
	if (IE4) fallObj.innerHTML = str;
}

function fallInitImg () {
	if (NS4) {
		fallImgwidth = document.fallN1.document.images['fallImg1'].width;
		fallImgheight = document.fallN1.document.images['fallImg1'].height;
	}
	if (IE4) {
		fallImgwidth = document.all.fallImg1.width;
		fallImgheight = document.all.fallImg1.height;
	}
	fallXdec = Math.ceil((fallXoffset + fallImgwidth)/30);

fallFlag = 0;
	fallMove();
}

function fallMove () {
	var value, bornemax, bornemin, tempo = 50;

if (NS4) {
		value = fallObj.top;
		bornemin = window.pageYOffset;
		bornemax = bornemin + window.innerHeight;
	}
	if (IE4) {
		value = fallObj.style.pixelTop;
		bornemin = document.body.scrollTop;
		bornemax = bornemin + document.body.clientHeight
	}

if (fallFlag == 0) {
		fallFlag = 1;
		value = bornemin - fallImgheight;
		if (NS4) fallObj.left = fallXoffset;
		if (IE4) fallObj.style.left = fallXoffset;
	} else {
		if (fallFlag == 1) {
			if (value + fallInc < bornemax - fallImgheight) value += fallInc;
			else {
				fallFlag = 2;
				value = bornemax - fallImgheight;
				fallSynchro = 0 ;
				fallPos = value;
			}
		}
		else {
			var dec = Math.abs(100*(1-fallSynchro/30)*Math.sin(fallSynchro*4*3.1416/30));
			value = fallPos - dec;
			if (NS4) fallObj.left = fallXoffset - fallSynchro*fallXdec;
			if (IE4) fallObj.style.left = fallXoffset - fallSynchro*fallXdec;
			if (fallSynchro++ == 30) {
				fallFlag = 0;
				tempo = fallWait*1000;
			}
		}
	}

if (NS4) fallObj.top = value;
	if (IE4) fallObj.style.pixelTop = value;
	setTimeout ("fallMove()",tempo);
}
// -->
</script>
<style type='text/css'>

</style>

Para alterar:

fallImgname = "imagem.gif" pelo nome da vossa imagem.
fallWait = 2 o tempo de espera para a repetição do efeito (quanto maior o valor, maior será o tempo de espera).
fallXoffset = 15 para posição horizontal da partida da imagem (500 por exemplo)

2. Inserir entre os tags <BODY>...</BODY>:

ANÚNCIOS