Fading backgroud (chargement de la page)...
Soyez le premier à donner votre avis sur cette source.
Snippet vu 10 195 fois - Téléchargée 28 fois
Contenu du snippet
Ce script realise un fading du background au chargement de la page ...
( Ce code n'est pas de moi )
( 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
- Fading backgroud (chargement de la page)...
- Afficher un element durant le chargement de la page - Codes sources - ASP / ASP.NET (Javascript/DHTML)
- Asp - astuce pour suivre le chargement d'une page - Codes sources - ASP / ASP.NET (Astuces)
- Afficher un element durant le chargement de la page - Codes sources - Javascript (Effets)
- Javascript : Faire patienter les visiteurs pendant le chargement d'une page - CodeS SourceS - Guide
- Javascript : Temps de chargement d'une page - CodeS SourceS - Guide
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.