Scroll bar en couleur (encore et encore ...)

Commenter

Contenu du snippet

donnez un peu de couleur à vos pages web , colorez les scrolls .
le script est à inserer entre les balises <head> et </head>
(s'il a du mal à entrer , ne forcez pas! ne prenez pas un marteau ou un pied de biche !)

Source / Exemple : 


<SCRIPT language="JScript">
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(128,128,128);
steps[1] = new Array(255,0,0);
steps[2] = new Array(255,255,0);
steps[3] = new Array(0,255,0);
steps[4] = new Array(0,255,255);
steps[5] = new Array(0,0,255);
steps[6] = new Array(255,0,255);
steps[7] = new Array(255,0,0);
steps[8] = new Array(255,255,255);
function newColor(chan) {
var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));return i;}function scrollFunk() {
scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);
prevStep=Math.floor(scrollPct);nextStep=Math.ceil(scrollPct);
interStep=scrollPct-prevStep;var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";if (document.body.style.scrollbarTrackColor != null) {
document.body.style.scrollbarFaceColor=newRGB;
document.body.style.scrollbarTrackColor=invRGB;
}}window.onscroll=scrollFunk;
//--></SCRIPT>

Conclusion :


merci de "commenter" , ça incite à en poster d'autres ...
même negatives vos reactions sont les bienvenues.

L.

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