Fadein effet de fondu, animation d'opacite tout en javascript

Télécharger le projet
Commenter

Description

voila comment faire des effets d'apparition ou de disparition de vos Div ou autre Span comprenant un identifiant

Source / Exemple : 


function FadeIn(id,millisec){
	var obj = getReferenceToDiv(id);
	changeOpac(0,obj);
	var timer = 0;
	var speed = Math.round(millisec / 100);
	var o = 0;
	for(var a=0;a<100;a++){
		setTimeout(function(){changeOpac(o,obj);o++;},(timer*speed))
			timer++;
		}
}
	
function FadeOut(id,millisec){
	var obj = getReferenceToDiv(id);
	changeOpac(100,obj);
	var timer = 0;
	var speed = Math.round(millisec / 100);
	var o = 100;
	for(var a=0;a<100;a++){
		setTimeout(function(){changeOpac(o,obj);o--;},(timer*speed))
			timer++;
		}
}

function getReferenceToDiv(divId,oDoc)
	{
	if(document.getElementById)
		{return document.getElementById(divId);}
	if(document.all)
		{return document.all[divId];}
	if(!oDoc)
		{oDoc = document;}
	if(document.layers)
		{
		if(oDoc.layers[divId])
			{return oDoc.layers[divId];}
		else{
			for( var x = 0, y; !y && x < oDoc.layers.length; x++)
				{
					y = getReferenceToDiv(divId,oDov.layers[x].document);
					return y;
				}
			}
		}
	return false;
}

function changeOpac(opacity, object) {
    if(object.style){object = object.style;}
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";}

Conclusion :


cela parait un peu compliquer aux premiers abord, mais c'est tres simple à utiliser
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (zulrigh)