1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Scrollbar coloré en javascript

Scrollbar coloré en javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 15 153 fois - Téléchargée 22 fois

Commenter

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
kankrelune Messages postés 1293 Date d'inscription mardi 9 novembre 2004 Statut Membre Dernière intervention 21 mai 2015
16 févr. 2007 à 12:24
Ouais... bof... autant utiliser les css... .. .

@ tchaOo°
cs_FraGag Messages postés 81 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 18 avril 2008
19 févr. 2007 à 02:57
On peut faire ça en CSS (et non pas en HTML) mais avec des extensions propriétaires à Microsoft que seul Internet Explorer supporte.
cs_ThiWeb Messages postés 1 Date d'inscription mercredi 25 octobre 2006 Statut Membre Dernière intervention 19 février 2007
19 févr. 2007 à 03:43
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
proftnj Messages postés 54 Date d'inscription lundi 10 juillet 2006 Statut Membre Dernière intervention 11 septembre 2011
19 févr. 2007 à 16:22
Je suppose que ce script ne fonctionne pas avec Firefox (je n'ai pas vérifié).
cs_FraGag Messages postés 81 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 18 avril 2008
21 févr. 2007 à 03:17
Non, Firefox ne supporte pas ces propriétés CSS, qui sont de toute façon des extensions propriétaires de Microsoft.
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 (neolien)