1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Fading backgroud (chargement de la page)...

Fading backgroud (chargement de la page)...

Soyez le premier à donner votre avis sur cette source.

Snippet vu 10 327 fois - Téléchargée 30 fois

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

Ajouter un commentaire Commentaires
cs_nossoctoruss Messages postés 126 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 9 juin 2013
3 mars 2011 à 21:37
tout comme toi vu ce commentaire inutile...
kincalvin Messages postés 2 Date d'inscription vendredi 14 mars 2008 Statut Membre Dernière intervention 20 novembre 2009
19 avril 2009 à 03:10
De la grosse merde
Mumuri Messages postés 320 Date d'inscription mercredi 9 octobre 2002 Statut Membre Dernière intervention 6 avril 2008
5 juil. 2003 à 17:47
je sais si c'set moi mais ca a l'air de ramer
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)