Cet article décrit la méthode de JS pour réaliser que la couleur de la souris change par des barres de défilement sur les pages Web. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<Title> JS réalise le changement de couleur de la barre de défilement de la souris </Title>
</ head>
<body>
Tournez vos yeux vers la barre de défilement à droite et regardez-le? N'est-ce pas très beau? La souris changera-t-elle la couleur?
<br> <br> <hr> collecté sur Internet, uniquement pour l'échange d'intérêts et d'apprentissage, et non à des fins commerciales. </p>
<script linguisse = "javascript">
<! -
Fonction Scrollbar (ligne, visage, thème)
{
if (! Ligne ||! Face)
{
line = null;
face = null;
Switch (thème)
{
cas "bleu":
var line = "# 78aaff";
var face = "# ebf5ff";
casser;
cas "orange":
var line = "# fbbb37";
var face = "# fff9df";
casser;
cas "rouge":
var line = "# ff7979";
var face = "# ffe3dd";
casser;
cas "vert":
var line = "# 00c600";
var face = "# d1eed0";
casser;
cas "Neo":
var line = "# bc7e41";
var face = "# efe0d1";
casser;
}
}
avec (document.body.style)
{
ScrollBardarkshadowColor = Line;
ScrollBar3DlightColor = Line;
ScrollBarArrowColor = "Black";
ScrollBarBasEColor = face;
ScrollBarFaceColor = face;
ScrollBarHighlightColor = face;
ScrollBarshadowColor = face;
scrollBarTrackColor = "# f3f3f3";
}
}
fonction Colorbar () {
var w = document.body.clientwidth;
var h = document.body.clientHeight;
var x = event.clientx;
var y = event.clienty;
if (x> w) Scrollbar ('# 000080', '# bfdfff'); // vos couleurs
else Scrollbar (null, null, "neo"); // un thème prédéfini
}
if (document.all) {
Scrollbar (null, null, "neo");
document.onMouseMove = Colorbar;
}
// ->
</cript>
<br />
<div> </div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.