Fading backgroud (chargement de la page)...

Commenter

Contenu du snippet

Ce script realise un fading du background au chargement de la page ...

( Ce code n'est pas de moi )

Source / Exemple : 


// Vous devez placez ce script imédiatement après la balise <BODY>

<script language="Javascript">

<!--

function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i-- < this.length; i)
this[i] = initArray.arguments[i-1]
}
var hexChars = "0123456789ABCDEF";
function Dec2Hex (Dec) {
var a = Dec % 16;
var c = (Dec - a)/16;
hex = "" + hexChars.charAt(c) + hexChars.charAt(a);
return hex;
}

function bgChanger (begin, end, steps) {
steps = steps +1 ;
redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA,'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB,'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA,'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB,'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA,'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB,'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;
step = 2;
red = red_valA;
grn = grn_valA;
blu = blu_valA;
document.bgColor = begin;
while ( steps >= step ) {
red -= red_int;
red_round = Math.round(red);
red_hex = Dec2Hex(red);
grn -= grn_int;
grn_round = Math.round(grn);
grn_hex = Dec2Hex(grn);
blu -= blu_int;
blu_round = Math.round(blu);
blu_hex = Dec2Hex(blu);
document.bgColor = red_hex + grn_hex + blu_hex;
step++;
}
document.bgColor = end;
}
//-->
</script>

<script language="Javascript">
<!--
bgChanger("#FF0000","#00000",75);
bgChanger("#00000","#000BB",75);
bgChanger("#BB000","#00000",75);
// -->
</script>

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 (bydavid)