In diesem Artikel wird die Methode von JS beschrieben, um die Mausfarbenänderung durch Scroll -Balken auf Webseiten zu realisieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> js realisiert Web -Scroll -Balken -Erfassungs -Maus -Farbänderung </title>
</head>
<body>
Drehen Sie Ihre Augen in die Bildlaufleiste rechts und sehen Sie sich sie an? Ist es nicht sehr schön? Wird die Maus die Farbe ändern?
<br> <br> <hr> im Internet gesammelt, nur zum Austausch von Interessen und Lernen und nicht für kommerzielle Zwecke. </p>
<script Language = "JavaScript">
<!-
Funktionsrollbar (Linie, Gesicht, Thema)
{
if (! Linie ||! Gesicht)
{
Linie = null;
Gesicht = null;
Schalter (Thema)
{
Fall "blau":
var line = "#78aaff";
var face = "#ebf5ff";
brechen;
Fall "Orange":
var line = "#fbbb37";
var face = "#fff9df";
brechen;
Fall "rot":
var line = "#ff7979";
var face = "#ffe3dd";
brechen;
Fall "grün":
var line = "#00c600";
var face = "#d1eed0";
brechen;
Fall "Neo":
var line = "#bc7e41";
var face = "#efe0d1";
brechen;
}
}
mit (document.body.style)
{
scrollBardarkShadowColor = Linie;
scrollBar3DlightColor = Linie;
scrollBararrowcolor = "schwarz";
scrollbarbasecolor = Gesicht;
scrollBarfacecolor = Gesicht;
scrollBarhighlightColor = Gesicht;
scrollBarShadowColor = Gesicht;
scrollBartrackColor = "#f3f3f3";
}
}
Funktion 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'); // deine Farben
sonst Scrollbar (Null, Null, "Neo"); // ein vordefiniertes Thema
}
if (document.all) {
Scrollbar (Null, Null, "Neo");
document.onmousemove = colorBar;
}
//->
</script>
<br />
<div> </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.