Outils et ressources pour site web
Les javascripts

Coloration barres de défilement

DESCRIPTION :

Change la couleur des barres de défilement
au passage de la souris.

EXEMPLE :

> Voir l'exemple

COMMENTAIRES :

Compatible : Internet Explorer 5 et + , Netscape 6 et + .

CODE DU SCRIPT

-Insérer entre les balises <BODY> et </BODY> :

<SCRIPT LANGUAGE="javascript">
var face = new Array(); var fond = new Array(); var fleche = new Array(); var foncee = new Array(); var foncee2 = new Array(); var lumiere = new Array(); var lumiere2 = new Array();
with (document.body.style) { face[0] = scrollbarFaceColor; fond[0] = scrollbarTrackColor; fleche[0] = scrollbarArrowColor; foncee[0] = scrollbarShadowColor; foncee2[0] = scrollbarDarkShadowColor; lumiere[0] = scrollbarHighlightColor; lumiere2[0] = scrollbar3dLightColor; }
/* Script trouvé sur http://www.mandragore2.net */
face[1] = "#C0C0C0";
fleche[1] = "#000000";
fond[1] = "#E9E9E9";
lumiere[1] = "#FFFFFF";
lumiere2[1] = "#DFDFDF";
foncee[1] = "#808080";
foncee2[1] = "#000000";
function scrollBar(num) {
with(document.body.style) {
scrollbarFaceColor=face[num];
scrollbarTrackColor=fond[num];
scrollbarArrowColor=fleche[num];
scrollbarShadowColor=foncee[num];
scrollbarDarkShadowColor=foncee2[num];
scrollbar3dLightColor=lumiere2[num];
scrollbarHighlightColor=lumiere[num];
}}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) { scrollBar(1); } else { scrollBar(0); }
}
if (document.all){
scrollBar(0);
document.onmousemove=colorBar;
}
</script>

-Répartition des différentes couleurs :