この記事では、Webページのスクロールバーによるマウスの色の変化を実現するJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<head>
<title> jsは、マウスの色の変更</title>をセンシングするWebスクロールバーセンシングマウスを実現します
</head>
<body>
右側のスクロールバーに目を向けて見てみませんか？とても美しいのではありませんか？マウスは色を変えますか？
<br> <br> <hr>インターネット上で収集された、商業目的ではなく、関心と学習の交換のためだけに収集されます。 </p>
<スクリプト言語= "javascript">
<！ -
関数Scrollbar（ライン、フェイス、テーマ）
{
if（！line ||！face）
{
line = null;
face = null;
スイッチ（テーマ）
{
ケース「青」：
var line = "＃78aaff";
var face = "＃ebf5ff";
壊す;
ケース「オレンジ」：
var line = "＃fbbb37";
var face = "＃fff9df";
壊す;
ケース「赤」：
var line = "＃ff7979";
var face = "＃ffe3dd";
壊す;
ケース「グリーン」：
var line = "＃00C600";
var face = "＃d1eed0";
壊す;
ケース「ネオ」：
var line = "＃bc7e41";
var face = "＃efe0d1";
壊す;
}
}
with（document.body.style）
{
scrollbardarkshadowcolor = line;
scrollbar3dlightcolor = line;
scrollbararrowcolor = "black";
scrollbarbasecolor = face;
scrollbarfacecolor = face;
scrollbarhighlighlightcolor = face;
scrollbarshadowcolor = face;
scrollbartrackcolor = "＃f3f3f3";
}
}
関数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'）; //あなたの色
else scrollbar（null、null、 "neo"）; //事前に定義されたテーマ
}
if（document.all）{
scrollbar（null、null、 "neo"）;
document.onmousemove = colorbar;
}
//->
</script>
<br />
<div> </div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。