Este artículo describe el método de JS para realizar el cambio de color del mouse mediante barras de desplazamiento en páginas web. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JS realiza el cambio de color del mouse de la barra de desplazamiento web </title>
</ablo>
<Body>
¿Gire los ojos a la barra de desplazamiento a la derecha y miralo? ¿No es muy hermoso? ¿El mouse cambiará el color?
<br> <br> <hr> recolectado en Internet, solo para el intercambio de intereses y aprendizaje, y no con fines comerciales. </p>
<script language = "javaScript">
<!-
Función Scrollbar (línea, cara, tema)
{
if (! línea ||! cara)
{
línea = nulo;
cara = nulo;
Switch (tema)
{
Caso "Azul":
VAR LINE = "#78AAFF";
var face = "#ebf5ff";
romper;
Caso "naranja":
var línea = "#fbbb37";
var face = "#fff9df";
romper;
Caso "Rojo":
var línea = "#ff7979";
var face = "#ffe3dd";
romper;
Caso "verde":
var línea = "#00c600";
var face = "#d1eed0";
romper;
Caso "Neo":
var línea = "#bc7e41";
var face = "#Efe0d1";
romper;
}
}
con (document.body.style)
{
scrollBarDarkShadowColor = line;
scrollbar3dlightColor = line;
scrollbarRowcolor = "negro";
ScrollBarbasecolor = Face;
ScrollBarfacecolor = Face;
ScrollBarhighlightColor = Face;
ScrollBarShadowColor = Face;
scrollBartrackColor = "#F3F3F3";
}
}
función 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'); // tus colores
else Scrollbar (nulo, nulo, "neo"); // Un tema predefinido
}
if (document.all) {
Scrollbar (nulo, nulo, "neo");
document.onmouseMove = ColorBar;
}
//->
</script>
<Br />
<div> </div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.