' KITWEB : Scripts fonds de page cliparts polices freewares à télécharger - Download script background clipart font ...................................................


	• Des SCRIPTS gratuits, expliqués et personnalisables. • Visualisez, puis téléchargez les fichiers correspondants (zip). • Il ne restera plus qu'à inclure les codes dans vos pages ! • Free and customable SCRIPTS. • For more convenience, zip files are proposed. • Download and include script on your page.


	LISTE des SCRIPTS Cliquer ici CETTE RUBRIQUE... << Bannières n°1 à 46 47 Chute de logo 48 Texte couleur dégradée 49 Enchaîner des bannières 50 Rotation du logo \| 3 axes 51 Enchaîner des bannières

LA CHUTE D'UN LOGO
ou de tout autre élément html...
Cliquez sur "download" pour télécharger le kit nécessaire.
Compatible IE, NS (v4.75 et v6) et Opera v6 (presque...). L'image peut être affublée d'un lien facultatif (notre exemple). On peut également remplacer l'image par un texte, un tableau (cliquer) etc. Comparer avec l'effet 'bannières n°20'.

1/ Inscrivez entre HEAD et /HEAD :

<SCRIPT language="javascript">

var delai=20;
var max=20;
var hauteur=0;
function Positionnement(left,top,width,height,contenu) {
	hauteur=height;
	if ((document.all)||(document.getElementById)) {
		var Z="<DIV id='CalqueImage' style='position:absolute;left:"+left+";top:"+top+";width:"+width+";height:"+height+"'>"+contenu+"</DIV>";
	} else {
		var Z="<LAYER name='CalqueImage' left="+left+" top="+top+" width="+width+" height="+height+">"+contenu+"</LAYER>";
	}
	document.write(Z);
	setTimeout("Start()",delai);
}
function Start() {
	DeplacerImage("CalqueImage",PostionActuelle("CalqueImage"));
	setTimeout("Start()",delai);
}

function DeplacerImage(nom,top) {
	if (document.getElementById) { //IE5 et NN6
		document.getElementById(nom).style.top=top;
	}
	if ((document.all)&&(!document.getElementById)) { //IE4
		document.all[nom].style.top=top;
	}
	if (document.layers) { //NN4
		document.layers[nom].top=top;
	}
}
function PostionActuelle(nom) {
	// Partie 1 : Récupération de la position du calque et de la page
	if (document.getElementById) { //IE5 
		var pos=parseInt(document.getElementById(nom).style.top);
		var wintop=parseInt(document.body.scrollTop);
		var dispo=document.body.clientHeight;
	}
	if ((document.getElementById)&&(!document.all)) { //NN6
		var pos=parseInt(document.getElementById(nom).style.top);
		var wintop=parseInt(window.pageYOffset);
		var dispo=window.innerHeight;
	}
	if ((document.all)&&(!document.getElementById)) { //IE4 
		var pos=parseInt(document.all[nom].style.top);
		var wintop=parseInt(document.body.scrollTop);
		var dispo=document.body.clientHeight;
	}
	if (document.layers) { //NN4
		var pos=parseInt(document.layers[nom].top);
		var wintop=parseInt(window.pageYOffset);
		var dispo=window.innerHeight;
	}

// Partie 2 : Traitement de la position
		var diff=Math.ceil((pos-(wintop+dispo-hauteur)));
		if (diff>max) {diff=max;}
		if (diff<-1*max) {diff=-1*max;}
		var top=pos-diff;
	return top;
}

</SCRIPT>

2/ Insérer entre BODY et /BODY :