Este artigo descreve o método do JS para realizar a mudança de cor do mouse por barras de rolagem nas páginas da web. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<Title> JS percebe a barra de rolagem da web que detecta a cor do mouse </title>
</head>
<Body>
Vire os olhos para a barra de rolagem à direita e olha para ela? Não é muito bonito? O mouse mudará a cor?
<br> <br> <HR> coletado na Internet, apenas para troca de interesses e aprendizado, e não para fins comerciais. </p>
<Script Language = "JavaScript">
<!-
função scrollbar (linha, face, tema)
{
if (! Linha ||! Face)
{
linha = nulo;
face = nulo;
Switch (tema)
{
caso "azul":
var linha = "#78Aaff";
var face = "#ebf5ff";
quebrar;
caso "laranja":
var linha = "#fbbb37";
var face = "#fff9df";
quebrar;
caso "vermelho":
var linha = "#ff7979";
var face = "#ffe3dd";
quebrar;
caso "verde":
var linha = "#00C600";
var face = "#d1eed0";
quebrar;
caso "neo":
var linha = "#bc7e41";
var face = "#efe0d1";
quebrar;
}
}
com (document.body.style)
{
scrollBardarkshadowcolor = line;
scrollBar3dlightColor = line;
scrollbararrowcolor = "preto";
scrollBarBaseColor = face;
scrollbarfacecolor = face;
scrollBarHighlightColor = face;
scrollbarshadowcolor = face;
scrollBartrackColor = "#f3f3f3";
}
}
função 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'); // suas cores
else scrollbar (nulo, nulo, "neo"); // Um tema predefinido
}
if (document.all) {
ScrollBar (NULL, NULL, "NEO");
document.onMousEmove = Colorbar;
}
//->
</script>
<br />
<div> </div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.