Scrollbar coloré en javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 833 fois - Téléchargée 20 fois

Contenu du snippet

Script sans prétention mais qui peut servir à améliorer le design d'un site, on peut le faire en html mais l'approche javascript me semblait intéressante à faire partager !

Source / Exemple :


<SCRIPT LANGUAGE=javascript>

couleurligne = "#D13434";
couleurbase = "#FEFBFF";
couleurover = "#FEFBFF";
function scrollBar(face)
	{
	with(document.body.style)
		{
		scrollbarDarkShadowColor=couleurligne;
		scrollbar3dLightColor=couleurligne;
		scrollbarArrowColor=couleurligne;
		scrollbarBaseColor=face;
		scrollbarFaceColor=face;
		scrollbarHighlightColor=face;
		scrollbarShadowColor=face;
		scrollbarTrackColor="#FFFFFF";
		}
	}
function colorBar(){
		var w = document.body.clientWidth;
		var h = document.body.clientHeight;
		var x = event.clientX;
		var y = event.clientY;
		if(x>w) scrollBar(couleurover);
		else scrollBar(couleurbase);
	}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script>

Conclusion :


Fonctionne sous IE

A voir également

Ajouter un commentaire

Commentaires

bouzze
Messages postés
2
Date d'inscription
mercredi 9 mai 2007
Statut
Membre
Dernière intervention
28 février 2008
-
J'sais pas si c'est élégant ou non, si c'est bof ou pas, mais en tout cas ça fonctionne "impec".

:)
Skreo
Messages postés
53
Date d'inscription
samedi 12 novembre 2005
Statut
Membre
Dernière intervention
25 août 2008
-
ouaip c'est pas du tout valide et ça ne marche évidemment que sous IE (berk).
Tant qu'à faire un code valide, tu aurais au moins pu mettre <script type="text/javascript"> au lieu de cet affreux <SCRIPT LANGUAGE=javascript> !!
cs_FraGag
Messages postés
82
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
18 avril 2008
-
Non, Firefox ne supporte pas ces propriétés CSS, qui sont de toute façon des extensions propriétaires de Microsoft.
proftnj
Messages postés
54
Date d'inscription
lundi 10 juillet 2006
Statut
Membre
Dernière intervention
11 septembre 2011
-
Je suppose que ce script ne fonctionne pas avec Firefox (je n'ai pas vérifié).
cs_ThiWeb
Messages postés
1
Date d'inscription
mercredi 25 octobre 2006
Statut
Membre
Dernière intervention
19 février 2007
-
Oui sauf que si on intègre ça dans le CSS, ça le rend invalide au-près du W3C !
Alors qu'en JavaScript, le CSS reste parfaitement Valide... Si il l'est à la base bien entendu :))

ThiWeb

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.